การใช้ Font Awesome หรือ icon font กำลังนิยมอย่างมาก : Other
 

Blog :: Other :: การใช้ Font Awesome หรือ icon font กำลังนิยมอย่างมาก

การใช้ Font Awesome หรือ icon font กำลังนิยมอย่างมาก เพราะประหยัดเวลาและทำให้หน้าเว็บโหลดเร็วขึ้นครับ

หน้าหลัก  http://fortawesome.github.io/Font-Awesome/

1.
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
2. วิธีเรียกใช้งาน
<i class="fa fa-camera-retro"></i>

เรียบร้อยครับจะเห็นว่าง่ายมาก ๆ เลย แต่มันก้อมีข้อเสียตรงที่ไอคอนอาจจะไม่ตรงกับความต้องการและไม่สามารถเพิ่มไอคอนที่เราต้องการเข้าไปได้ครับ นอกนั้นแล้วเจ้านี่ใช้งานได้หลากหลายมาก

ใช้งานในกรณีเป็น Icon list
<ul class="fa-ul">
  <li><i class="fa-li fa fa-check-square"></i>List icons</li>
  <li><i class="fa-li fa fa-check-square"></i>can be used</li>
  <li><i class="fa-li fa fa-spinner fa-spin"></i>as bullets</li>
  <li><i class="fa-li fa fa-square"></i>in lists</li>
</ul>
ตัวอย่างเพิ่มเติม http://fortawesome.github.io/Font-Awesome/examples/

0 Comment

  • Have no comment.

Comment Blog

 
 
 
Share This Topic Login with Facebook