40 แบบอักษรที่ดีที่สุดสำหรับเว็บไซต์ (ฟรีและจ่ายเงิน)

เผยแพร่แล้ว: 2020-10-07

งานในการค้นหาการออกแบบตัวอักษรสำหรับเว็บไซต์ที่คุณกำลังออกแบบอาจเป็นเรื่องที่น่ากลัว ในขณะที่เขียนบทความนี้ มีฟอนต์ตระกูล Google มากกว่า 1,000 ตระกูล ฟอนต์ Adobe เกือบ 2,000 ฟอนต์ 15,000 ฟอนต์ที่ Fonts.com และเกือบ 35,000 ฟอนต์ที่ MyFonts.com

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

โชคดีที่คู่มือนี้จะช่วยคุณค้นหาแบบอักษรที่ดีที่สุดสำหรับคุณ เราได้ค้นคว้าและพบแบบอักษรที่ดีที่สุด 40 แบบสำหรับเว็บไซต์

เรียนรู้วิธีเพิ่มแบบอักษรที่กำหนดเองใน WordPress และนำการออกแบบเว็บไซต์ของคุณไปสู่อีกระดับ

สารบัญ

  • ทำไมฟอนต์เว็บไซต์ถึงสำคัญ
  • หมวดหมู่แบบอักษรที่แตกต่างกันคืออะไร?
  • 1. ฟอนต์ Sans Serif
  • 2. แบบอักษร Serif
  • 3. แบบอักษรเล่นหาง
  • 4. แบบอักษรตัวเลข​
  • 5. แบบอักษรเค้าร่าง
  • 6. แบบอักษรวินเทจ
  • 7. แบบอักษรสมัยใหม่
  • วิธีที่เราเลือกแบบอักษรที่ดีที่สุดสำหรับเว็บไซต์
  • แบบอักษรที่ดีที่สุด 40 แบบสำหรับเว็บไซต์

เหตุใดแบบอักษรของเว็บไซต์จึงมีความสำคัญ

แบบอักษรเว็บไซต์คิดเป็น 90% ของการออกแบบ ดังนั้น การเลือกความรู้ที่เหมาะสมจึงมีความสำคัญต่อความสำเร็จของไซต์ของคุณ นี่คือสาเหตุสำคัญบางประการ:

1. การเลือกแบบอักษรสะท้อนให้เห็นถึงลักษณะแบรนด์ของคุณ

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

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

2. ความสามารถในการอ่านและประสบการณ์ผู้ใช้

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

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

3. การเติบโตของธุรกิจ

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

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

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

หมวดหมู่แบบอักษรที่แตกต่างกันคืออะไร?

ฟอนต์มีหลายประเภทและหมวดหมู่ และแต่ละรูปแบบก็มีที่ขึ้นอยู่กับแบรนด์ของคุณ แบบอักษรบางแบบมีความประณีตและชัดเจนกว่า ในขณะที่แบบอักษรอื่นๆ ค่อนข้างเรียบง่ายและหลากหลายกว่า

แบบอักษรบางประเภทเหมาะสำหรับส่วนหัวที่เป็นตัวหนาและสะดุดตา ในขณะที่ประเภทอื่นๆ จะใช้ได้ดีที่สุดในย่อหน้ายาวของข้อความ หมวดหมู่แบบอักษรต่างๆ มีดังนี้:

1. ฟอนต์ Sans Serif

ฟอนต์ Sans serif คือฟอนต์ที่ไม่มีเครื่องหมาย (ภาษาฝรั่งเศส: sans ) ที่ท้ายตัวอักษร ( serifs )

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

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

2. แบบอักษร Serif

Sans-serif-vs-serifs

ฟอนต์ serif นั้นคล้ายกับฟอนต์ sans serif ในแง่ของการมีโครงสร้างที่มั่นคงและคาดเดาได้ แต่จะมีเครื่องหมายที่ท้ายตัวอักษรเท่านั้น ( serifs )

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

อีกเหตุผลหนึ่งที่คุณอาจเลือกใช้ serif แทนฟอนต์อื่นๆ ก็คือการช่วยสำหรับการเข้าถึง เนื่องจากเซอริฟมาพร้อมกับเครื่องหมายที่ด้านบนและด้านล่างของอักขระ ตัวอักษรที่บางครั้งมีลักษณะคล้ายกัน (เช่น ตัวพิมพ์ใหญ่ "I", ตัวพิมพ์เล็ก "l" และตัวเลข "1") จึงสามารถแยกแยะได้ง่าย

3. แบบอักษรเล่นหาง

Cursive คือรูปแบบการเขียนด้วยลายมือที่มีอายุหลายศตวรรษ ซึ่งเดิมได้รับการออกแบบมาเพื่อให้เขียนด้วยมือได้เร็วขึ้น และน่ามองยิ่งขึ้น แต่ในยุคปัจจุบัน ตัวสะกด (หรือสคริปต์) ได้กลายเป็นรูปแบบแบบอักษรของเว็บที่ไม่เหมือนใคร ซึ่งออกแบบมาเพื่อเลียนแบบการเขียนที่วาดด้วยมือ

แบรนด์ที่เป็นสัญลักษณ์หลายแห่ง เช่น Vimeo, Ray-Ban และ Kellogs ใช้แบบอักษรตัวสะกดสำหรับโลโก้ของตน หากคุณต้องการให้ชื่อและโลโก้เว็บของคุณมีความโดดเด่นและน่าจดจำที่คล้ายกัน ฟอนต์ตัวสะกดคือฟอนต์สำหรับคุณ อย่างไรก็ตาม อาจไม่เหมาะสำหรับข้อความที่ยาวขึ้น โดยเฉพาะอย่างยิ่งเมื่อคนรุ่นใหม่ไม่ต้องเรียนการเขียนตัวสะกดอีกต่อไป

4. แบบอักษรตัวเลข

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

ตัวเลขมักใช้สำหรับการแสดงข้อมูลเป็นภาพ เช่น ตารางราคา อินโฟกราฟิก หรือข้อเสนอพิเศษในหน้า Landing Page วิธีที่คุณแสดงตัวเลขเหล่านี้สามารถมีผลกระทบอย่างลึกซึ้งต่อความสำเร็จของหน้าเว็บของคุณ

ตัวอย่างเช่น หากคุณกำลังใช้ในตารางหรือการคำนวณ ควรใช้ตัวเลขแบบตาราง ซึ่งหมายความว่าตัวเลขแต่ละรูปประกอบด้วยความกว้างและความสูงเท่ากัน เพื่อให้ตัวเลขเรียงชิดกันและเรียงต่อกันอย่างเหมาะสม

อีกสิ่งหนึ่งที่ควรมองหาคือ ตระกูลฟอนต์มีสัญลักษณ์ตัวเลขที่เกี่ยวข้องกับสิ่งที่คุณจะใช้หรือไม่ (เช่น เครื่องหมายวรรคตอน สกุลเงิน การคำนวณ ฯลฯ) เช่นเดียวกับการเลือกแบบอักษรทั่วไป คุณจะต้องแน่ใจว่าไม่มีตัวเลขใดใกล้เคียงกันมากเกินไป เช่น ตัวเลข "1" และ "7"

5. แบบอักษรเค้าร่าง

สมมติว่ารูปแบบดั้งเดิมของ serif และ sans serifs ที่นี่ไม่เหมาะกับสไตล์ที่เป็นเอกลักษณ์ของแบรนด์ของคุณจริงๆ และการเล่นหางก็ดูไม่ค่อยเข้ากันเท่าไหร่

คุณอาจพิจารณาใช้แบบอักษรเค้าร่างในกรณีนั้น

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

6. แบบอักษรวินเทจ

ดูเหมือนว่าสิ่งเก่า ๆ จะกลับมาใหม่อีกครั้ง ดังนั้นจึงไม่น่าแปลกใจที่แบบอักษรย้อนยุคหรือวินเทจจะปรากฏบนเว็บไซต์แม้จะมีรูปลักษณ์ที่ล้าสมัยก็ตาม

สาเหตุหนึ่งที่ทำให้เรโทรดูเท่อยู่เสมอก็เพราะความคิดถึง เมื่อผู้บริโภคนึกถึง “วันเก่าๆ ที่ดี” ผ่านการพิมพ์ พวกเขามักจะรู้สึกผูกพันทางอารมณ์อย่างมากกับสิ่งที่พวกเขาอ่าน

และเป็นเพราะความสัมพันธ์นี้ที่พวกเขาสร้างไว้กับอดีต แม้ว่าจะไม่ได้ทำอย่างชัดเจนก็ตาม

7. แบบอักษรสมัยใหม่

ง่ายต่อการเรียกแบบอักษรใดๆ ที่เป็นที่นิยมในปัจจุบันว่าแบบอักษร "สมัยใหม่" แต่นั่นไม่ใช่สิ่งที่เราหมายถึงจริงๆ แบบอักษรสมัยใหม่มีลักษณะบางอย่าง:

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

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

แบบอักษรประเภทต่างๆ หมายความว่าอย่างไร

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

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

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

ดังนั้น การเรียนรู้ที่จะคาดเดาว่าฟอนต์ของคุณอาจทำให้ผู้ชมรู้สึกอย่างไรจึงเป็นการรับประกันอีกประการหนึ่งว่าเนื้อหาของคุณจะได้ผลดีที่สุด แม้ว่าจะไม่มีสมการทำนาย (ไม่มี Times New Roman เสมอเท่ากับอารมณ์เฉพาะนี้) เราเติบโตขึ้นมาในวัฒนธรรมที่มีการพัฒนาความสัมพันธ์ทางบุคลิกภาพ ดังนั้น การคาดคะเนส่วนใหญ่อาจขึ้นอยู่กับความตระหนักและสัญชาตญาณ

วิธีที่เราเลือกแบบอักษรที่ดีที่สุดสำหรับเว็บไซต์

เมื่อเลือกแบบอักษรเว็บที่ดีที่สุดสำหรับรายการนี้ เราต้องการให้แน่ใจว่าแต่ละแบบอักษรตรงตามข้อกำหนดและลักษณะเฉพาะ

  • ความชัดเจน : แบบอักษรที่อักขระแต่ละตัวแยกจากกันได้ง่าย ซึ่งเป็นคุณลักษณะที่จะช่วยให้คุณปรับปรุงการช่วยสำหรับการเข้าถึงและประสบการณ์การอ่าน
  • ความสามารถในการอ่าน : แบบอักษรที่ออกแบบมาเพื่อใช้ในส่วนต่างๆ ของไซต์ (เช่น แบบอักษรขนาดใหญ่ ตัวหนาในส่วนหัว เทียบกับแบบอักษรที่สะอาด
  • ความสบาย/ความคุ้นเคย : แบบอักษรที่ทำให้ผู้อ่านรู้สึกสบายใจ ตัวเลือกการออกแบบเว็บที่เบี่ยงเบนไปจากบรรทัดฐานมากเกินไป สามารถสร้างประสบการณ์ที่น่าตกใจสำหรับผู้เยี่ยมชมและแบบอักษรที่ไม่คาดคิดหรือผิดปกติสามารถมีส่วนร่วมได้

ปัจจัยอื่นที่เราพิจารณาคือ น้ำหนัก ของแบบอักษร แบบอักษรเว็บจำนวนมากไม่ได้ติดตั้งไว้ล่วงหน้าใน WordPress, ธีมของคุณ หรือปลั๊กอินตัวสร้างเพจแบบลากและวาง

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

การรวมแบบอักษรที่ครอบคลุม หลากหลายสไตล์ (เช่น พิลึก เรขาคณิต แผ่นพื้น ฯลฯ) ก็มีความสำคัญเช่นกัน มันเหมือนกับองค์ประกอบอื่นๆ ในการออกแบบเว็บ — คุณต้องใช้แบบอักษรของคุณเพื่อผสมผสานกับบุคลิกโดยรวมของเว็บไซต์ และบางครั้งแบบอักษรพื้นฐานและเป็นที่นิยมที่สุดก็ไม่สามารถทำได้

แบบอักษรที่ดีที่สุด 40 แบบสำหรับเว็บไซต์

1. Arial

ตาม FontReach Arial เป็นแบบอักษร #1 ที่ใช้บนเว็บโดยมีเว็บไซต์มากกว่า 604,000 แห่งกำลังใช้งานอยู่ Google, Facebook และ Amazon เป็นเพียงเว็บไซต์ยอดนิยมบางส่วนที่ใช้ Arial

แบบอักษรที่ปลอดภัยสำหรับเว็บนี้สร้างขึ้นโดยนักออกแบบ Monotype สำหรับใช้ในเครื่องพิมพ์เลเซอร์ของ IBM เป็นหนึ่งในตัวเลือกที่ดีที่สุดสำหรับ UI ที่อ่านง่าย

บางทีฟอนต์นี้อาจไม่สวยงามเท่าฟอนต์อื่นๆ ในรายการนี้ แต่ฟอนต์นี้ใช้กันทั่วไปและใช้เป็นประจำ

2. ลาโต้

lato-google-font

Lato เป็นแบบอักษรของ Google ที่ออกแบบมาสำหรับลูกค้าองค์กร แม้ว่าบริษัทจะส่งต่อการสร้างสรรค์ของนักออกแบบฟอนต์ แต่ Lato ก็ถูกนำมาใช้ใหม่และให้ชีวิตเป็นหนึ่งในแบบอักษรที่ได้รับความนิยมมากที่สุดบนเว็บ Lato ใช้บนเว็บไซต์เช่น Goodreads, WebMD และ Merriam-Webster

ด้วยความสมดุลที่ลงตัวระหว่างส่วนโค้งที่นุ่มนวลและการออกแบบที่ทนทาน แบบอักษรนี้จึงให้บรรยากาศที่ทรงพลังแต่อบอุ่น

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

มอนต์เซอร์รัต-ฟอนต์

Montserrat เป็นแบบอักษร Google ที่ได้รับแรงบันดาลใจจากป้ายจากย่าน Montserrat ของ Buenos Aires ในช่วงต้นทศวรรษ 1900 เมื่อพิจารณาถึงประวัติศาสตร์ทางสถาปัตยกรรมอันยาวนานของเมืองและความงามอันเป็นเอกลักษณ์ของถนนแคบ ๆ (เหมือนกับตัวอักษรแคบ ๆ ของแบบอักษร) เป็นที่ชัดเจนว่าเหตุใดนักพิมพ์ดีดจึงพบแรงบันดาลใจในนั้น

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

4. นอย เฮลเวติกา

Neue Helvetica เป็นแบบอักษรที่ได้รับความนิยมสูงสุดเป็นอันดับสองบนเว็บ โดยมีเว็บไซต์มากกว่า 218,000 แห่ง เช่น Facebook, Yahoo และ eBay ใช้งาน ความนิยมของมันนั้นสมเหตุสมผลไม่เพียงแค่เมื่อคุณดูประวัติอันยาวนานในการเรียงพิมพ์เท่านั้น แต่ยังรวมถึงเวอร์ชัน "Neue" ที่ปรับปรุงใหม่และปรับปรุงใหม่อย่างมากด้วย เป็นข้อความที่เรียบง่าย อ่านง่าย และทำงานได้ดีพอๆ กับข้อความส่วนหัวและเนื้อหา

ตระกูลแบบอักษรมาพร้อมกับแบบอักษรที่แตกต่างกัน 128 แบบ ครอบคลุมทั้งแบบเบา หนัก แบบโรมัน เค้าร่าง แบบย่อ และรูปแบบอื่นๆ

5. Roboto

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

เดิมที Google ออกแบบมาให้เป็นฟอนต์ระบบ Android ตอนนี้ซานเซอริฟสไตล์นีโอพิลึกนี้ใช้บนเว็บไซต์อย่าง YouTube, Flipkart และ Vice.com

6. ลอร่า

ลอร่า-ฟอนต์

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

ดังนั้น มันจึงทำงานได้ดีในข้อความย่อหน้าของเว็บไซต์ข่าวและความบันเทิง เช่น FOX News, The Kitchn และ Urban Dictionary

7. Merriweather

Merriweather เป็นแบบอักษรของ Google ที่ออกแบบมาโดยเฉพาะเพื่อปรับปรุงความสามารถในการอ่านบนหน้าจอ คุณจะเห็นหลักฐานนี้ในเว็บไซต์ประเภทต่างๆ ที่ใช้ Merriweather เพื่อจัดรูปแบบย่อหน้า เช่น Goodreads, Coursera และ Harvard.edu

Merriweather ยังมี Sans Serif ที่เหมือนกัน ดังนั้น หากคุณกำลังสร้างบล็อกหรือเว็บไซต์ที่มีข้อความหนาแน่น การจับคู่แบบอักษรทั้งสองนี้จะทำงานได้ดีในการรักษาโฟกัสที่ข้อความและไม่รบกวนสิ่งรบกวนโดยรอบ

8. PT Serif

เดิมที PT Serif สร้างขึ้นสำหรับเว็บไซต์ที่มีผู้อ่านชาวรัสเซียจำนวนมาก ซึ่งเป็นเหตุให้มีชุดอักขระ Cyrillic แบบเต็มในตระกูลแบบอักษรนี้

ที่กล่าวว่าตัวอักษรละตินที่สมบูรณ์ก็มีให้เช่นกัน ดังนั้นแบบอักษรที่มีสัดส่วนดีนี้สามารถใช้กับเว็บไซต์ที่พูดภาษาอังกฤษได้เป็นอย่างดีเช่นเดียวกับใน AARP, Lifehack และ Hongkiat ใช้ PT Serif

9. สเปกตรัม

Spectral เป็นหนึ่งในฟอนต์ที่ใหม่กว่าในรายการนี้ แต่สมควรได้รับจุดเพราะมันจัดการเนื้อหาแบบยาวบนเว็บได้อย่างสวยงามเพียงใด สิ่งที่ดีเป็นพิเศษเกี่ยวกับฟอนต์นี้คือรู้สึกว่าใช้งานหนักน้อยกว่าพี่น้อง serif หลายๆ ตัว (สังเกตเส้นโค้งที่นุ่มนวลของตัว "j" หรือส่วนบนของ "f" โค้งไปรอบๆ)

ด้วย 14 สไตล์ที่แตกต่างกันในตระกูลแบบอักษรนี้ คุณมีหลายวิธีที่คุณสามารถนำ serif ที่มีสไตล์เรียบง่ายนี้ไปใช้

10. Times New Roman

ครั้ง-ใหม่-โรมัน-ฟอนต์

เมื่อหนังสือพิมพ์ Times of London ต้องการแบบอักษรใหม่ในช่วงต้นศตวรรษที่ 20 หนังสือพิมพ์ดังกล่าวทำงานร่วมกับนักออกแบบ Monotype เพื่อสร้าง Times New Roman ขึ้นเอง

จนถึงทุกวันนี้ TNR ที่แปลงเป็นดิจิทัลเป็นหนึ่งในแบบอักษรที่เป็นที่รู้จัก เป็นที่นิยม และอ่านง่ายที่สุดบนเว็บ เว็บไซต์อย่าง Daily Mail, Huffington Post และ Wayfair ต่างก็ใช้เว็บไซต์เหล่านี้ เป็นโบนัส เว็บปลอดภัย (อุปกรณ์ที่ติดตั้งแบบสากลในทุกอุปกรณ์) เช่นกัน