icon font ด้วย font awesome 6

icon font ด้วย font awesome 6 บทความนี้สอนวิธีติดตั้ง และใช้งาน font awesome เวอร์ชัน 6 โดยติดตั้งผ่าน CDN ของ cloudflare โดย font awesome จะแสดง icon ด้วย font code หรือแท็ก สามารถติดตั้ง และใช้งานได้ดังนี้

ตัวอย่าง icon font ด้วย font awesome 6

1. ติดตั้ง font awesome 6 โดยการคัดลอกลิงก์ด้านล่าง และวางไว้ในแท็ก head ของเว็บไซต์

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

2. วางโค้ดด้านล่างไว้ภายในแท็ก body ที่ต้องการแสดง icon font

<i class="fa-solid fa-basketball"></i>

3. เลือก icon font อื่นๆ ได้ที่ลิงก์ด้านล่าง โดยการกด icon ที่ต้องการ และกด HTML และกดที่โค้ด จะเป็นการคัดลอกโค้ดอัตโนมัติ

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