ใส่ icon PHP ในเว็บไซต์ ด้วย Font Awesome

ใส่ icon PHP ในเว็บไซต์ ด้วย Font Awesome บทความนี้สอนติดตั้ง และใช้งาน Font Awesome ซึ่งเป็น icon library และ toolkit ตัวอย่างจะแนะนำการใส่ icon ในเว็บไซต์ผ่านแท็กโค้ด โดยมีรายละเอียดดังนี้

ตัวอย่าง ใส่ icon PHP ในเว็บไซต์ ด้วย Font Awesome

1. ติดตั้ง Font Awesome ผ่าน CDN โดยการวางโค้ดด้านล่างไว้ภายในแท็ก head

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">

หรือสามารถขอรับ kid Code จากเว็บไซต์ทางการของ Font Awesome ได้ที่

https://fontawesome.com/start

2. เข้าเว็บไซต์ Font Awesome เพื่อเลือก icon ที่ต้องการใส่ในเว็บไซต์ โดยแนะนำให้เลือกแบบฟรี

https://fontawesome.com/search?m=free

3. เลือก icon ที่ต้องการและกดคลิกเข้าไปจะพบหน้าต่างให้เลือก HTML และกดที่โค้ดเพื่อ copy

4. ตัวอย่างโค้ดใส่ icon PHP ในเว็บไซต์ ด้วย Font Awesome

<i class="fa-solid fa-bell"></i>
<i class="fa-solid fa-book"></i>
<i class="fa-solid fa-bong"></i>