แบบอักษรเว็บฟรีที่ดีที่สุดสำหรับปี 2018

แบบอักษรที่คุณเลือกสำหรับเว็บไซต์ WordPress ของคุณมีส่วนอย่างมากในการออกแบบโดยรวม มันไม่ใช่ความคิดภายหลังโดยวิธีการใดๆ เพียงเปลี่ยนพาดหัวข่าวทั้งหมดของคุณเป็น Comic Sans หากคุณต้องการดูหลักฐาน! โอเค ค่อนข้างรุนแรง แต่ด้วยการออกแบบตัวอักษร แม้แต่การเปลี่ยนแปลงเพียงเล็กน้อยก็สามารถสร้างความแตกต่างได้อย่างมีนัยสำคัญ ขอบคุณเว็บ (และโดยเฉพาะอย่างยิ่ง Google) มีฟอนต์เว็บฟรีมากมายที่จะช่วยคุณเลือกฟอนต์ที่ดีที่สุด ดังนั้น หากคุณกำลังมองหาแรงบันดาลใจเล็กๆ น้อยๆ หรือต้องการอัปเกรดแบบอักษรของไซต์ปัจจุบันของคุณ เราขอแนะนำให้คุณเรียกดูรายการด้านล่างเพื่อสำรวจแบบอักษรเว็บที่ดีที่สุดที่โลกของการออกแบบมีให้

แบบอักษรเว็บฟรีที่ดีที่สุดสำหรับปี 2018

สมัครสมาชิกช่อง Youtube ของเรา

นี่คือแบบอักษรเว็บที่ดีที่สุด 40 แบบที่มีจำหน่ายในปี 2018 (และฟรี!)

1. Roboto

Roboto หมายถึงการแต่งงานระหว่างรูปทรงเรขาคณิตและเส้นโค้งที่เป็นมิตร มันสร้างจังหวะการอ่านที่เป็นธรรมชาติและทำงานได้ดีกับชื่อเรื่อง หัวเรื่อง หรือประเภทเนื้อหา รุ่นย่อ Roboto Condensed ก็เป็นที่นิยมเช่นกัน

รับแบบอักษร

2. การแสดงเพลย์แฟร์

Playfair ได้รับอิทธิพลจากการเปลี่ยนแปลงของเทคโนโลยีการเขียน/การพิมพ์ช่วงปลายศตวรรษที่ 18 เมื่อปากกาถูกแทนที่ด้วยปากกาเหล็กแหลม นอกจากนี้ยังได้รับอิทธิพลจากแบบอักษรของ John Baskerville และแบบอักษรของ William Martin สำหรับ “Boydell Shakspeare” เหมาะสำหรับชื่อและหัวข้อข่าว

รับแบบอักษร

3. เปิด Sans

ออกแบบให้เป็นใบหน้าที่เป็นกลางได้ดี Open Sans เป็นมิตรและอ่านง่าย เหมาะสำหรับหัวเรื่อง พาดหัว หรือเนื้อหา

รับแบบอักษร

4. มอนต์เซอร์รัต

แบบอักษรนี้สร้างขึ้นโดย Julieta Ulanovsky แรงบันดาลใจในการออกแบบฟอนต์ของเธอมาจากป้ายและโปสเตอร์ที่สวยงามที่เธอเห็นในมอนต์เซอร์รัต ย่านบัวโนสไอเรส ดูดีในหัวเรื่องสั้นที่มีตัวอักษรขนาดใหญ่ในตัวพิมพ์ใหญ่ทั้งหมด

รับแบบอักษร

5. Merriweather

แบบอักษร serif นี้น่าอ่านอย่างยิ่งในข้อความเนื้อหาบนหน้าจอทุกประเภท เพราะมันสร้างมาสำหรับเว็บ นอกจากนี้ยังใช้งานได้ดีสำหรับหัวเรื่องเช่นกัน

รับแบบอักษร

6. ลาโต้

Lato ได้รับการออกแบบมาโดยเฉพาะสำหรับการใช้งานในองค์กร มีรูปลักษณ์แบบมืออาชีพที่ยืมตัวเองไปใช้ได้ดีในขนาดต่างๆ รายละเอียดแบบครึ่งวงกลมยังให้ความอบอุ่นที่ดึงดูดใจผู้คนจำนวนมาก

รับแบบอักษร

7. เบบาส นอย

แบบอักษร "all Caps" แบบซานเซอริฟนี้เป็นที่นิยมอย่างมากและถือว่าเป็นหนึ่งในแบบอักษรเว็บฟรีที่ดีที่สุดด้วยเหตุผลที่ดี มันสร้างการแสดงผลที่น่าตื่นตาตื่นใจสำหรับส่วนหัวของเว็บไซต์ของคุณ!

รับแบบอักษร

8. โนโตะซัง

Noto Sans มีเอกลักษณ์เฉพาะตัวที่ถูกสร้างขึ้นมาให้ดูดีในหลายภาษา เนื่องจากระยะห่างแนวนอนระหว่างตัวอักษรจึงดูดีบนข้อความเนื้อหาและในหน้าที่มีเนื้อหาจำนวนมาก

รับแบบอักษร

9. แหล่ง Sans Pro

Source Sans Pro ได้รับการออกแบบโดยคำนึงถึงส่วนต่อประสานผู้ใช้เป็นหลัก สิ่งนี้จะทำให้เป็นแบบอักษรของเมนูที่ยอดเยี่ยม แต่ยังสามารถใช้กับสิ่งอื่น ๆ เช่นข้อความเนื้อหาได้

รับแบบอักษร

10. ออสวัลด์

แบบอักษร sans serif นี้เป็นแบบอักษรที่ยอดเยี่ยมสำหรับเว็บ เพราะมันถูกสร้างขึ้นเพื่อให้พอดีกับตารางพิกเซลของหน้าจอดิจิทัล เป็นแบบอักษรที่แคบซึ่งจะไม่ใช้พื้นที่มาก ดังนั้นจึงเหมาะสำหรับส่วนหัวขนาดใหญ่ที่มีข้อความจำนวนมาก

รับแบบอักษร

11. PT Sans

PT Sans เป็นส่วนหนึ่งของโครงการที่เรียกว่า "Public Types of Russian Federation" ซึ่งมีวัตถุประสงค์เพื่อแสดงข้อความในหลายภาษา (คล้ายกับ Noto Sans) แบบอักษรนี้เหมาะสำหรับวัตถุประสงค์หลายประการ

รับแบบอักษร

12. รูบิค

ฟอนต์ rubik ได้รับการออกแบบโดย Philipp Hubert และ Sebastian Fischer เพื่อสร้างฟอนต์ sans serif ที่มีมุมโค้งมนเล็กน้อย โดยที่ตัวอักษรจะพอดีกับช่องสี่เหลี่ยมของ Rubik's Cube แบบอักษรใช้งานได้ดีกับทั้งส่วนหัวและข้อความในเนื้อหา

รับแบบอักษร

13. นูนิโต ซัง

ฟอนต์ sans-serif นี้เป็นเวอร์ชันที่ไม่โค้งมนของ Nunito เป็นแบบอักษรยอดนิยมสำหรับอินเทอร์เฟซผู้ใช้ และดูดีสำหรับสิ่งต่างๆ เช่น แดชบอร์ด เมนูร้านอาหาร และรายการราคา

รับแบบอักษร

14. Fira Sans

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

รับแบบอักษร

15. ทำงาน Sans

ฟอนต์ sans serif นี้ได้รับการออกแบบให้เป็นฟอนต์เว็บแบบง่ายที่ดูดีบนทุกหน้าจอ ใช้น้ำหนักที่หนักกว่าสำหรับการแสดงผลส่วนหัวที่กว้างขวางและน้ำหนักปกติสำหรับข้อความเนื้อหาที่อ่านง่าย

รับแบบอักษร

16. ป๊อปปิ้นส์

Poppins เป็นแบบอักษร sans serif ทรงเรขาคณิตที่ทันสมัยตามการออกแบบเทวนาครีซึ่งเน้นรูปร่างวงกลมเรขาคณิตของแบบอักษรที่สวยงามนี้ อย่าลังเลที่จะใช้แบบอักษรนี้สำหรับทั้งส่วนหัวและข้อความสำหรับการออกแบบที่ดึงดูดสายตา

ในกรณีที่คุณไม่ได้สังเกต มันคือฟอนต์ที่ใช้ในบล็อกของเราด้วย

รับแบบอักษร

17. Josefin Sans

แบบอักษรนี้เป็นน้องสาวของ Josefin Slab (เป็นแบบอักษรที่ยอดเยี่ยมด้วย) ได้รับการออกแบบให้มีความสง่างามทางเรขาคณิตและเพิ่มความรู้สึกวินเทจ ใช้การเว้นวรรคตัวอักษรเชิงลบสำหรับส่วนหัวที่ใหญ่ขึ้น และคุณสามารถรักษาระยะห่างของตัวอักษรเริ่มต้นที่ดีไว้สำหรับข้อความเนื้อหาของคุณได้

รับแบบอักษร

18. อูบุนตู

Ubuntu เป็นฟอนต์ sans-serif ที่สร้างขึ้นสำหรับเว็บ และตั้งใจให้เป็นฟอนต์สำหรับใช้งานทั่วไป เหมาะสำหรับหัวเรื่อง หัวเรื่อง ปุ่ม และเนื้อหาเหมือนกัน

รับแบบอักษร

19. PT Serif

PT Serif คือผลิตภัณฑ์ใหม่ในตระกูล PT Sans ดังนั้นทั้งสองจึงทำงานร่วมกันได้ดีในฐานะการจับคู่แบบอักษร เป็นประเภทที่กลมกลืนกันซึ่งทำงานได้ดีเกือบทุกอย่าง

รับแบบอักษร

20. มูลี่

ฟอนต์ sans serif นี้ใช้งานได้ดีกับเว็บไซต์ที่มีการออกแบบที่เรียบง่าย ใช้งานได้ดีที่สุดสำหรับหัวเรื่องขนาดใหญ่ แต่ยังใช้ได้กับข้อความเนื้อหาด้วย

รับแบบอักษร

21. อาร์โว

Arvo เป็นแบบอักษร serif ทางเรขาคณิตที่ตั้งใจให้เป็นประเภท "ผสม" ซึ่งเหมาะสำหรับวัตถุประสงค์หลายประการ ใช้ได้กับหัวเรื่อง หัวเรื่อง และเนื้อหา

รับแบบอักษร

22. ออกซิเจน

ฟอนต์ sans serif นี้สร้างโดย Vernon Adams โดยคำนึงถึงส่วนต่อประสานกับผู้ใช้ ได้รับการออกแบบมาให้มีความชัดเจนและอ่านง่าย เพื่อให้ดูดีกับหน้าจอทุกขนาด ใช้สำหรับข้อความเนื้อหา รายการเมนู และปุ่ม!

รับแบบอักษร

23. ราเล่เวย์

Raleway เป็นฟอนต์ซานเซอริฟที่หรูหราและบาง ซึ่งน่าจะใช้ดีที่สุดสำหรับชื่อเรื่อง คำบรรยาย และหัวข้อข่าว

รับแบบอักษร

24. โนโตะ เซริฟ

เช่นเดียวกับ Noto Sans Noto Serif ถูกสร้างขึ้นเพื่อให้ดูดีทั่วทั้งเว็บในหลายภาษา และเป็นแบบอักษรเอนกประสงค์ที่ยอดเยี่ยมซึ่งดูสวยงามบนทุกหน้าจอ ใช้กับ Noto Sans เป็นการจับคู่แบบอักษรที่สมบูรณ์แบบเช่นกัน

รับแบบอักษร

25. นูนิโต

Nunito เป็นแบบอักษร sans serif ที่โค้งมนเล็กน้อยซึ่งทำงานได้ดีสำหรับตัวพิมพ์ที่แสดงขนาดใหญ่ เป็นแบบอักษรยอดนิยมสำหรับส่วนต่อประสานผู้ใช้ การใช้น้ำหนักปกติสำหรับส่วนหัวขนาดใหญ่นั้นดูดีมาก

นูนิโต

26. จดหมายเหตุ

Archivo เป็นประเภท sans serif พิลึก (เก่ากว่า) ที่มีความรู้สึกทางเทคนิคที่ดี มันดูดีเป็นพิเศษบนเว็บในฐานะแบบอักษรหัวเรื่อง

รับแบบอักษร

27. Abril Fatface

ตามชื่อที่แนะนำ Abril Fatface เป็นประเภทที่ "ใหญ่กว่า" มีขึ้นเพื่อเป็นการปรับปรุงสไตล์ Didone แบบคลาสสิก โดยเฉพาะโปสเตอร์โฆษณาของอังกฤษและฝรั่งเศสในคริสต์ศตวรรษที่ 19 แบบอักษรนี้ดูสง่างามอย่างน่าพิศวงและน่าจะดีที่สุดสำหรับชื่อเรื่องและหัวข้อข่าว

รับแบบอักษร

28. Exo 2

Exo 2 เป็นเวอร์ชันใหม่ของ Exo ที่ออกแบบโดย Natanael Gama แบบอักษรร่วมสมัยนี้มีความรู้สึกทางเทคนิคและล้ำยุค ต่างจาก Exo ตรงที่ Exo 2 ใช้งานได้ดีกับข้อความเนื้อหา

รับแบบอักษร

29. บาร์โลว์

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

รับแบบอักษร

30. สลาโบ 27px

Slabo 27px เป็นแบบอักษรเฉพาะที่ (เช่นแบบอักษรน้องสาว Slabo 13px) ได้รับการปรับให้เหมาะสมเป็นพิเศษสำหรับการดูที่ขนาดพิกเซลในชื่อ ทำให้เป็นแบบอักษรเว็บที่ยอดเยี่ยมสำหรับพาดหัวข่าวที่ชัดเจน ย่อเล็กน้อย และอ่านง่าย

รับแบบอักษร

31. อเลโอ

Aleo เป็นฟอนต์ slab serif ที่คล้ายกับฟอนต์ Lato ยอดนิยม ได้รับการออกแบบด้วยรายละเอียดที่เพรียวบางและกึ่งโค้งมน ทำให้เป็นตัวเลือกที่ดีสำหรับหัวเรื่องและข้อความเนื้อหา

รับแบบอักษร

32. ทรายดูด

นี่คือแบบอักษรแสดงผลแบบซานเซอริฟที่ยังคงเป็นตัวเลือกยอดนิยมบนเว็บ มีการออกแบบทางเรขาคณิตที่ดูดีสำหรับส่วนหัว

รับแบบอักษร

33. คูเปอร์ฮิววิตต์

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

รับแบบอักษร

34. นกกระจอกเทศซัง

Ostrich Sans เป็นฟอนต์ sans serif ที่ทันสมัยเหมาะสำหรับชื่อ โลโก้ และหัวข้อข่าว

รับแบบอักษร

35. IBM Plex Sans

แบบอักษรร่วมสมัยนี้ได้รับการออกแบบมาโดยเฉพาะเพื่อสะท้อนถึงจิตวิญญาณของแบรนด์ไอบีเอ็ม มีการอุทธรณ์ที่เป็นกลางและเป็นมิตรที่สามารถใช้เพื่อวัตถุประสงค์หลายอย่างบนเว็บไซต์ของคุณ

รับแบบอักษรนี้

36. นกอ้ายงั่ว

แบบอักษรที่ไม่ซ้ำกันนี้ได้รับการออกแบบ (ส่วนใหญ่วาด) โดย Christian Thalmann หากต้องการเน้นความสลับซับซ้อนของแบบอักษร ให้ใช้แบบอักษรนี้บนเว็บไซต์ของคุณเพื่อแสดงผลขนาดใหญ่ เช่น หัวเรื่อง

รับแบบอักษร

37. Alegreya Sans

ฟอนต์ sans serif นี้เดิมทีออกแบบมาสำหรับงานวรรณกรรม ดังนั้นมันจึงใช้ได้ดีกับข้อความเนื้อหาเนื่องจากมีการเว้นวรรคที่กลมกลืนกันตลอด

รับแบบอักษร

38. Libre Franklin

แบบอักษรซานเซอริฟนี้เป็นแบบอักษรคลาสสิกร่วมสมัย แฟรงคลิน โกธิก ใช้สำหรับหัวเรื่องหรือข้อความเนื้อหา ใช้งานได้ดีมากหากใช้เป็นข้อความส่วนหัวและจับคู่กับ Libre Baskerville เป็นข้อความเนื้อหา

รับแบบอักษรนี้

39. ลิเบรอ บาสเกอร์วิลล์

แบบอักษรเว็บที่สวยงามนี้เป็นแบบอักษรคุณภาพสูงที่ดูเหมือนว่าจะสมบูรณ์แบบสำหรับข้อความเนื้อหาที่ไม่ซ้ำใครและอ่านได้ ทำงานได้ดีถ้าจับคู่กับ Libre Franklin

รับแบบอักษรนี้

40. ลีกสปาร์ตัน

League Spartan เป็นฟอนต์ sans serif ที่มีน้ำหนักเพียงตัวเดียวซึ่งทำงานได้ดีสำหรับการสร้างชื่อและหัวเรื่องที่แข็งแกร่งและสวยงาม

รับแบบอักษร

แล้วฟอนต์สคริปต์ล่ะ?

หากคุณพบว่ารายการไม่มีแบบอักษรสคริปต์ (หรือการเขียนด้วยลายมือ) แสดงว่าคุณไม่ผิด แต่นั่นไม่ได้หมายความว่าไม่มีของฟรีดีๆ สักตัว (มาลี, อินดี้ฟลาวเวอร์, แปซิฟิคโก และสคริปต์การเต้น เป็นต้น) คุณยังสามารถตรวจสอบรายการแบบอักษรสคริปต์พรีเมียมฟรีและสวยงามนี้ได้

เคล็ดลับง่ายๆ ในการจับคู่แบบอักษร

เมื่อต้องการอัปเดตรูปแบบตัวอักษรของเว็บไซต์ของคุณ ควรพิจารณาว่าแบบอักษรต่างๆ ทำงานร่วมกันอย่างไร

เคล็ดลับเล็กๆ น้อยๆ ในการเริ่มต้นใช้งานมีดังนี้

• ทำให้มันเรียบง่าย อย่าใช้แบบอักษรมากเกินไปในคราวเดียว
• เก็บไว้อ่านได้เลย
• คิดตรงกันข้าม. ตัวอย่างเช่น จับคู่ serif กับ sans serif หรือตัวหนากับ thin
• หรือเก็บไว้ในครอบครัว ใช้น้ำหนักและรูปแบบฟอนต์ที่แตกต่างกันในตระกูลเดียวกัน
• พยายามจับคู่อารมณ์ของเนื้อหาของคุณ
• ทดลองและเก็บสิ่งที่ได้ผล

(สำหรับ Google Fonts คุณสามารถใช้เครื่องมือจับคู่ได้ฟรี)

สำหรับข้อมูลเพิ่มเติมเกี่ยวกับการจับคู่ฟอนต์ โปรดดูบทความเต็มของเราเกี่ยวกับหลักการสำคัญ 7 ข้อ

ความคิดสุดท้าย

ฉันหวังว่ารายการแบบอักษรนี้จะช่วยในกระบวนการค้นหาแบบอักษรที่สมบูรณ์แบบสำหรับโครงการต่อไปของคุณ และจำไว้ว่าฟอนต์เหล่านี้จำนวนมากจะมีน้ำหนักและสไตล์ที่แตกต่างกันซึ่งคุณสามารถปรับแต่งเพื่อสร้างการออกแบบนับไม่ถ้วน ขอให้สนุกกับการสำรวจ!

ไชโย!