ผู้เขียนได้ไปรวบรวมชื่อฟอนต์แบบเสียเงินที่เป็นที่นิยมมาจาก Web fonts ชื่อดังอย่าง Typekit, Myfonts ก็ได้รายชื่อฟอนต์ Sans Serif มาเพียบ วันนี้เราจะมาดูฟอนต์ยอดนิยม Brandon Grotesque กัน และแจกลิสต์ Google Fonts สวย ๆ ที่หน้าตาคล้ายกัน
Downloads
Articles 
เมื่อไม่กี่วันที่ผ่านมา แอดมินเห็นน้องนักศึกษาที่รู้จักกันแชร์มาใน Facebook เรื่องมหาวิทยาลัยเกษตรศาสตร์เปิดให้นิสิต นักศึกษา และบุคลากร ในมหาวิทยาลัยเกษตรศาสตร์ ได้ดาวน์โหลด Adobe Creative Cloud ไปใช้กันฟรี ๆ เลยถือโอกาสเอามาบอกต่อกันสำหรับคนที่มีสิทธิ์แต่ยังไม่รู้
ไอคอนเซ็ตนี้มีโลโก้ของ 31 ธนาคาร ออกแบบโดย Omise และแปลงเป็น Icon Font โดยคุณ Julien Vernet โดยไอคอนที่มีในเซ็ตนี้ก็มีครบ เหมาะมากกับการเอาไปใช้กับเว็บไซต์ E-Commerce ครับ
หากพูดถึง CSS Framework ที่มีคนใช้เยอะที่สุดในโลก ก็หนีไม่พ้น Twitter Bootstrap แน่นอนครับ วันนี้จะมาดูวิธีการใช้งานตั้งแต่เริ่มต้น รวมถึงเรื่องสำคัญต่าง ๆ เช่น กริด และ Component ต่าง ๆ ใน Bootstrap 4 กัน
![[CSS Framework] Bulma : เบื่อหน้า Bootstrap แล้วต้องลองตัวนี้](https://www.designil.com/wp-content/uploads/2016/10/bulma-css-framework-335x256.jpg)
เชื่อว่าหลาย ๆ คนคงรู้จัก Bootstrap / Foundation กันอยู่แล้ว โดยเฉพาะ Bootstrap นี่กลายเป็นเครื่องมือติดตัวที่คนทำเว็บไซต์ส่วนใหญ่เลือกใช้ และส่งผลให้เว็บไซต์ออกมาหน้าตาเหมือนกันหมด
วันนี้แอดมินมีฟ้อนต์ลายมือภาษาไทยสวย ๆ มาแจกกันครับ ซึ่งเจ้าของฟ้อนต์ คุณ WISIT PO ได้ลงไว้ในเว็บไซต์ Behance.net ด้วยคุณภาพที่เด็ด และเอกลักษณ์ของฟ้อนต์
![[แจกฟรี E-Book] สอนเว็บดีไซน์สำหรับมือใหม่ มูลค่ากว่า 3,000 บาท](https://www.designil.com/wp-content/uploads/2016/05/free-ebook-web-design-2-335x256.jpg)
หลาย ๆ คนที่ไม่ได้ทำงานในสายเว็บดีไซเนอร์มาก่อน อาจจะเคยสงสัยว่า Web Designer ต้องทำอะไรบ้าง, กริดคืออะไร, การใช้ฟ้อนต์บนเว็บเป็นอย่างไร ฯลฯ โดยเฉพาะคนที่ทำงานสายกราฟฟิกดีไซเนอร์มาก่อนมักจะเข้าใจผิดอยู่บ่อย ๆ ว่าการดีไซน์เว็บกับดีไซน์กราฟฟิกเหมือนกัน
Google Fonts เป็นบริการโฮสต์ฟ้อนต์ฟรีของ Google ที่เราสามารถเลือกฟ้อนต์สวย ๆ ของเค้ามาใช้ในเว็บไซต์ได้เลย ไม่ต้อง Download ฟ้อนต์มา Convert และ เขียน CSS3 @font-face ให้เสียเวลา
บทความแนะนำ: สำหรับท่านใดอยากเริ่มใช้งาน ทาง Designil ได้เขียน คู่มือการใช้งาน Bootstrap 4 ไว้ให้ทุกท่านเรียบร้อยแล้วครับ เข้าไปอ่านกันได้เลย หลังจากที่พูดถึงในบทความ หลุดรายละเอียด Bootstrap 4 กันไปเกือบครึ่งปีก่อนหน้านี้ ในที่สุดทางคุณ @mdo ทีมงานหลักของ Bootstrap ก็ปล่อยเวอรชั่น..
เห็นมีหลายคนถามมาทาง เพจ Designil.com ครับว่า เราจะใส่ฟ้อนต์ไทยบนหน้าเว็บไซต์ได้ยังไง, ต้องตัดเป็นรูปมั้ย, เสียเงินมั้ย, ใช้ CSS3 หรือ Flash ช่วยดี ฯลฯ
ฟ้อนต์ไทยสวย ๆ ใน Google Fonts ใช้ฟรี 100% !! พร้อมวิธีการใช้งานทีละขั้นตอน
1
[Free Fonts Download] รวมแหล่งดาวน์โหลด ฟ้อนต์ฟรี แห่งปี !!!
2
5 ขั้นตอนง่าย ๆ สู่การเป็นนักออกแบบเสื้อผ้าแฟชั่นมืออาชีพ
3
Infographic คืออะไร + แนะนำเครื่องมือฟรีทำอินโฟกราฟฟิกเองได้ง่าย ๆ
4
6 วิธีการออกแบบโลโก้ที่ดี พร้อมตัวอย่างประกอบ
5
