designil-free-sans-serif-font

แนะนำฟอนต์ Sans Serif สวยและฟรีจาก Google Fonts

ในการทำเว็บไซต์นั้นปัจจุบันได้มีการนิยมดึงฟอนต์รูปร่างหน้าตาแปลกใหม่มาใช้ในเว็บไซต์ ซึ่งก็มีตั้งแต่ฟอนต์ฟรีไปจนถึงเสียเงิน โดยจากหลาย ๆ เว็บก็จะมีเสียเงินหลากหลายแบบต่างกัน

ยกตัวอย่างเช่นเว็บไซต์ https://typekit.com ที่ให้คุณนำฟอนต์สวย ๆ มีลิขสิทธิ์มาใส่ในเว็บไซต์ของเราฟรี มีทั้งแพลนฟรีและเสียเงินตามด้านล่างเลย

ค่าบริการ web fonts จาก https://typekit.com

แต่ทว่าเวอร์ชั่นฟรีนั้นก็จำกัดยอดวิวคนเข้าชมเว็บไซต์ แถมยังจำกัดการใช้งานหลายอย่างอีก สำหรับคนงบน้อย ไม่ได้ทำงานโปรเจคสเกลใหญ่ ต้องการได้ของดีในเวอร์ชั่นฟรี เราก็มีทางเลือก จึงเป็นที่มาของบทความวันนี้ “เราจะเลือกฟอนต์ฟรีจาก Google Fonts ยังไงให้งานออกมาสวย ให้คล้ายกับฟอนต์เสียเงินมากที่สุด” และยังได้นำไปใช้กับเว็บไซต์ของเราแบบถูกลิขสิทธิ์ด้วยนะ

มาเริ่มกันที่ฟอนต์เสียเงินที่จะแนะนำวันนี้ก่อนเล้ย ผู้เขียนได้ไปรวบรวมชื่อฟอนต์แบบเสียเงินที่เป็นที่นิยมมาจาก Web fonts ชื่อดังอย่าง Typekit, Myfonts ก็ได้รายชื่อฟอนต์ Sans Serif  มาเพียบ แต่วันนี้เราจะมาดูฟอนต์ยอดนิยม Brandon Grotesque กันค่ะ ว่าหน้าตาเป็นอย่างไร

Brandon Grotesque

จากภาพเป็นฟอนต์ในเว็บไซต์ ใช้ตัวพิมพ์ใหญ่ Capitalize และเพิ่มระยะห่างระหว่างฟอนต์อีกสักนิด ใช้สีชมพูดำทำให้งานดูทันสมัยมากยิ่งขึ้น

จะเห็นว่าฟ้อนต์ Brandon Grosteque มาใช้ในเว็บแล้วสวยมาก ๆ ซึ่งการจะใช้ได้เค้าก็ต้องซื้อลิขสิทธิ์ฟ้อนต์มาก่อน (ฟ้อนต์ไทยตระกูล DB, PSL, คัดสรรดีมาก ก็ต้องซื้อลิขสิทธิ์มาเหมือนกันนะ)

แต่สำหรับคนที่ไม่อยากเสียเงิน วันนี้ทีมงาน Designil ก็จะมาแนะนำฟ้อนต์ฟรี 100% ที่หน้าตาคล้ายกัน อาจจะไม่เหมือนเป๊ะ แต่ใช้แล้วออกมาได้อารมณ์เหมือนกัน

ฟอนต์ฟรี Sans Serif ที่หน้าตาคล้ายกับ Brandon Grotesque

1. Montserrat

ฟอนต์ยอดนิยมจาก Google Fonts เข้าเว็บไซต์ไหนก็ต้องเจอฟอนต์นี้
นอกจากหน้าตาจะคล้าย Brandon Grotesque แล้ว ยังมีความคล้ายกับ Gill Sans แบบพิมพ์ใหญ่อีก
เรียกได้ว่าเป็นฟอนต์ที่ต้องมีติดเครื่องกันเลยทีเดียว เวลาคิดงานไม่ออกโยนฟอนต์นี้ใส่ ใช้งานได้ง่ายมากๆ

2. Muli

อีกฟอนต์ที่มีความผอมลงมาสักนิดจาก Montserrat แต่ก็หน้าตาน่ารักอ่านง่าย

Muli Google Fonts

Download: Muli Google Fonts

3. Questrial

4. Cabin

ส่วนตัวคิดว่าฟอนต์ Cabin นี่แซ่บและคล้ายต้นฉบับมากที่สุด รวมถึงความหนาก็ใช้ได้ เท่ห์โดนใจคล้ายคลึงจริง ๆ

fdfdsfds

Download: Cabin Google Fonts

และฟอนต์ Sans Serif ตัวอื่น ๆ ที่คล้ายกัน

กลุ่มนี้ถ้าลองเพิ่ม spacing ระหว่างตัวอักษรอีกสักนิด ก็จะสวยงามเหมือน Brandon Grosteque ขึ้นมาทันที สามารถดาวน์โหลดฟอนต์ตามชื่อด้านล่างได้จาก https://fonts.google.com/

ฟ้อนต์ทั้งหมดในนี้สามารถ Download ได้ฟรีจาก Google Fonts เลย

มีฟ้อนต์ไทยสวย ๆ ให้ใช้บ้างมั้ย

ถ้าสนใจใช้ฟ้อนต์ไทยสวย ๆ ฟรีจาก Google Fonts ทางทีมงานเคยแนะนำกันไปก่อนหน้านี้แล้ว อ่านบทความนี้กันได้เลย

ฟ้อนต์ไทยฟรีสวย ๆ ใช้ในเว็บไซต์ได้

ฟ้อนต์ไทยสวย ๆ ใน Google Fonts ใช้ฟรี 100% !! พร้อมวิธีการใช้งานทีละขั้นตอน

————

ส่วนตัวแอดมินแนะนำให้ใช้ฟอนต์ฟรีคุณภาพดี ดีกว่าใช้ของเถื่อนแล้วเสี่ยงต่อการโดนฟ้องนะคะ
ของฟรีก็เท่ห์ได้ ส่วนบทความต่อไป มาติดตามกันได้ ว่าแอดมินจะมาแกะฟอนต์เสียเงินตัวไหน เร็ว ๆ นี้ที่ Designil




There are no comments

Add yours

ไม่อยากพลาดบทความดี ๆ ด้าน Web Design, HTML5, CSS3 ใช่มั้ย ?

มาร่วมเป็นส่วนหนึ่งของสมาชิกกว่า 2,500+ คนของ Designil และรับบทความใหม่ ๆ ส่งตรงถึงอีเมลคุณ! (ไม่มีแสปม 100%)

สมัครสมาชิกเรียบร้อยแล้ว! กรุณาเช็คอีเมลของคุณเพื่อกดยืนยันการสมัครสมาชิก