ใช้งานไอค่อนในเว็บไซต์จาก Font Awesome

Font Awesome คืออะไร? ขอเกริ่นก่อนเลยแล้วกันครับว่ามันคือไอค่อนต่างที่เราใช้กันบนเว็บไซต์นั่นแหละ และข้อดีคือมันเป็น Vector icon แล้วไอ้เจ้า Vector icon นี่มันคืออะไรหว่า จริงๆมันก็คือ icon ที่ขยายยังไงก็ไม่แตกนั่นแหละครับ คมชัด กริ๊บเหมือนเดิม ไม่ว่าจะขยายให้ใหญ่ขนาดไหนก็ตาม นั่นคือข้อดีของมัน ทำไมถึงต้องใช้ Font Awesome? ปกติเวลาผมรับงานออกแบบมาจากดีไซน์เนอร์เค้ามักจะส่งไฟล์พวก PSD หรือไม่ก็ XD มาให้ ซึ่งในนั้นมันจะมีไอค่อนต่างๆอยู่มากมาย(มั้งนะ) พอเราจะนำมันมาใส่ในหน้าเว็บงี้ เรามีทางเลือกอยู่ 2 ทาง ทางแรกคือขอให้ดีไซน์เนอร์เค้า export มันออกมาให้ หรือทำเองครับ ก็คือจิ้มบน layer ในไฟล์ดีไซน์แล้ว export ออกมาเอง ซึ่งผมก็ไม่ได้ขยันอะไรขนาดนั้น แต่ก็ไม่ได้ชอบรอขนาดนั้นอีกนั่นแหละ เผื่อฝั่งดีไซน์เนอร์เค้าไม่ว่างทำให้ เราก็ต้องรอเค้าอยู่ดี ทางเลือกของเราก็เลยต้องเป็นเลือกใช้งาน Font Awesome ซึ่งมันมีไอค่อนส่วนใหญ่ให้เลือกใช้อยู่แล้ว เรียกว่าครบถ้วนเลยแหละ ไม่ใช่ว่ามันมีแค่ Font Awesome นะครับ มีหลายตัวให้เลือกใช้ แค่ตัวนี้เป็นตัวที่คุ้นเคยกันดี… Continue reading ใช้งานไอค่อนในเว็บไซต์จาก Font Awesome