ฟรีฟอนต์ไอคอนควบคุมด้วย CSS

15 ก.พ. 2016 , 3,353 Views   , หมวดหมู่ WebDesign ทุกหมวดหมู่ โค๊ดดิ้ง   , ป้ายกำกับ:, , ,


fonticon

ฟอนท์ไอคอนควบคุมด้วย CSS ขยายขนาดใหญ่ไอคอนไม่มีแตก จาก http://fortawesome.github.io/Font-Awesome/

วิธีใช้งาน

แบบ CDN (ไม่ต้องดาวน์โหลดไฟล์ลงมา) เริ่มจากใส่โค๊ดด้านล่างในใวใน <head>

หรือ ดาวน์โหลดไฟล์ font-awesome.min.css ลงมาแล้วใส่โค๊ดข้างล่างนี้ใน (ตาม part ของไฟล์) <head>

แทรกโค๊ดด้านล่างนี้ในส่วนของ <body> เพื่อใช้งาน icon

ดูการใช้งานเพิ่มเติม http://fortawesome.github.io/Font-Awesome/get-started/
ตัวอย่างการแทรกโค๊ดใช้งาน font icon http://fortawesome.github.io/Font-Awesome/examples/

ตัวอย่างโค๊ด html

See the Pen Use Font Icon From Font Awesome by Suttipong Choysakda (@nathanbc46) on CodePen.


ป้ายกำกับ:, , ,