ดาวโหลดที่นี่
จากนั้น เมื่อดาวน์โหลดไฟล์มาใส่ในโฟลเดอร์เว็บไซต์ของเราหรือโฟลเดอร์โปรเจคแล้ว
ให้ใส่ HTML ใน <head> ตามนี้เลยนะครับ
โค้ด: เลือกทั้งหมด
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
วิธีการใช้ Font Awesome
วิธีใช้งานง่ายๆเลยครับ ให้เราเลือกชื่อไอคอนหรือคลาสที่เราต้องการใช้สักตัว ซึ่งปกติแล้วจะขียนในรูบแบบ fa fa-xxxxx
เช่น
โค้ด: เลือกทั้งหมด
<i class="fa fa-phone"></i>fa fa-phone
คำว่า fa คืออะไร จริงๆคำนี้น่าจะหมายถึงFont Awesome เพื่อบอกให้รู้ว่าเรากำลังใช้ Font Awesome
นอกจากนั้น Font Awesome สามารถกำหนดให้มันใหญ่ขึ้น เพียงเพิ่มคลาส fa-lg, fa-2x, fa-3x, fa-4x, fa-5x ไว้หลังคำว่า fa fa-xxxxx มันจะมีขนาดที่แตกต่างกันไป ดังตัวอย่างนี้
โค้ด: เลือกทั้งหมด
<i class="fa fa-phone fa-lg"></i>
<i class="fa fa-phone fa-2x"></i>
<i class="fa fa-phone fa-3x"></i>
<i class="fa fa-phone fa-4x"></i>
<i class="fa fa-phone fa-5x"></i>
--สอนการใช้งาน HTML & CSS
-ถามตอบ HTML CSS
-บทเรียน CSS