การใช้ Font Awesome icons ทำได้โดยเพิ่มข้อความนี้ลงในส่วน <head> ในหน้า html ได้เลย โดยไม่จำเป็นต้องดาวน์โหลดหรือติดตั้งโปรแกรมใดๆ สามารถใช้ Font Awesome icons โดยการใช้ prefix -fa ตามด้วย ชื่อของ icon เลย Font Awesome icons ถูกออกแบบมาเพื่อใช้กับองค์ประกอบ inline องค์ประกอบของ tag <i> และ <span> มักถูกใช้ในไอคอนนี้
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
การใช้ "fa-lg" สามารถเพิ่มขนาดได้ 33% classes ของ "fa-2x, fa-3x, fa-4x หรือ fa-5x" ถูกใช้ในการเพิ่มขนาดภายใน container นั้น
< i class="fa fa-car fa-lg"></i>
< i class="fa fa-car fa-3g"></i>
< i class="fa fa-car fa-5x"></i>
การใช้ "fa-border", "fa-pull-right" หรือ "fa-pull-left" เพื่อดึงเครื่องหมายคำพูดให้หนาและดึงดูดข้อความภายในเครื่องหมายมากขึ้น
<i class="fa fa-quote-right fa-3x fa-pull-right fa-border"></i>
I am student at Thammasat University. My major is accounting.| อ้างอิงเว็บไซต์ฝึกเพิ่มเติม | |
|---|---|
| Font Awesome Intro | |