Nerd Fonts แหล่งรวมทุกไอคอนฟอนต์ที่เดียวจบ!

ถ้าพูดถ้า Icon font หรือฟอนต์ที่เน้นเป็นรูป icon เพื่อใช้ประกอบการแสดงผลบนเว็บนั้น เพื่อนๆอาจจะนึกถึง collection ใหญ่ๆที่คนใช้กันแพร่หลายอย่างเช่น Font Awesome, Material Design icons เป็นต้น

แต่ก็ไม่ใช่ทุก collection จะมีไอคอนครบทุกแบบที่เราต้องการ ในบางงาน/โครงการที่ดันต้องใช้ไอคอนบางตัวจาก collection หนึ่ง และต้องใช้ไอคอนอีกจำนวนหนึ่งจากอีก collection มันก็ยากเหลือเกินที่จะคุมการแสดงผลให้ไปในแนวทางเดียวกัน อีกทั้งทำให้การ maintenance โค้ดเว็บที่เขียนยุ่งยากขึ้นด้วย

บทความนี้ ผมจะขอแนะนำ Nerd Fonts ซึ่งเป็น Icon Font Aggregator ที่ทำการรวม Icon fonts collection ดังๆจากหลายๆเจ้า ไม่ว่าจะเป็น Font Awesome, Material Design Icons, Octicons และอื่นๆมารวมกัน จนทำให้มี icon จำนวนทั้งหมดมากกว่า 3,600 แล้ว

เพื่อนๆสามารถไปลองดู Icon ทั้งหมดที่ Nerd Fonts คัดสรรมาให้เลือกใช้งานกันได้ ที่เว็บ ลิงค์นี้

ไม่จบแค่นั้น เพื่อนๆสามารถใช้ Nerd Fonts Patcher เพื่อใส่ไฟล์ฟอนต์ของตนเองหรืออื่นๆมาแพ็ครวมกันกับที่มีใช้เลือก เพื่อนำไปใช้พัฒนาร่วมกับเว็บที่คุณทำอยู่ได้โดยไม่จำกัดสูตรผสมด้วย สามารถไปอ่านรายละเอียดเพิ่มเติมกันได้ที่ https://github.com/ryanoasis/nerd-fonts#font-patcher