10 แบบอักษรบนเว็บที่ดีที่สุดสำหรับบล็อกของคุณ (ทำงานกับ HTML และ CSS)

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


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

แบบอักษรของเว็บปลอดภัยคืออะไร?

ระบบปฏิบัติการทั้งหมด (windows, mac, android, ios ฯลฯ ) มาพร้อมกับฟอนต์ในตัวจำนวนหนึ่ง ปัญหาคือระบบปฏิบัติการที่แตกต่างกันอาจมีการติดตั้งแบบอักษรต่าง ๆ บนระบบของพวกเขา.

นี่คือที่มาของแบบอักษรบนเว็บที่ปลอดภัย.

แบบอักษรบนเว็บปลอดภัยนั้นเป็นลักษณะของแบบอักษรที่ใช้ร่วมกันและสามารถดูได้ในทุกแพลตฟอร์มและระบบต่างๆ.

บริการฝังตัวอักษรเว็บ

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

ขอบคุณ Google, Google Web Fonts ไม่มีค่าใช้จ่ายและใช้งานง่าย ตัวอย่างเช่นคุณสามารถเลือกประเภทตัวอักษรเช่น Lato, เปิด Sans หรือ ทีนอส. วางรหัสที่สร้างในเอกสารของคุณ และคุณพร้อมที่จะอ้างอิงใน CSS.

นี่คือ HTML พื้นฐานสำหรับผู้เริ่มต้นหากคุณต้องการเรียนรู้เพิ่มเติม.

ทำไมเว็บฟอนต์จึงมีความสำคัญ?

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

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

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

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

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

10 แบบอักษรปลอดภัยที่สุดบนเว็บที่เราแนะนำ

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

ในขณะที่มีแบบอักษรมากมายให้คุณเลือกเราขอแนะนำแบบอักษรปลอดภัยสำหรับเว็บทั้ง 10 นี้ให้ใช้กับ HTML และ CSS พวกเขาใช้กันอย่างแพร่หลายและดูดีสวยเช่นกัน.

1. Arial

Arialตัวอย่างตระกูลตระกูล Arial

โหลดเว็บไซต์ใด ๆ และโอกาสที่พวกเขาจะใช้แบบอักษร Arial.

แบบอักษร sans-serif นี้มากที่สุด ใช้กันอย่างแพร่หลาย แบบอักษรและถือเป็นมาตรฐานสำหรับแบบอักษรทั้งหมดของเว็บที่ปลอดภัย มันมักจะใช้แทนแบบอักษรพิเศษที่ไม่สามารถใช้ได้บนอุปกรณ์ Windows.

2. Helvetica

Helveticaตัวอย่างของตระกูลตัวอักษร Helvetica

หากแบบอักษร Arial เป็นสิ่งที่ต้องทำสำหรับเว็บไซต์ที่สะอาดและเป็นมืออาชีพ Helvetica จะเป็นทางเลือกของนักออกแบบ.

Helvetica นำเสนอแบบอักษร sans serif ที่มีสไตล์มากกว่าที่จะทำให้การออกแบบโดดเด่นยิ่งขึ้น.

3. Times New Roman

ครั้งใหม่โรมันตัวอย่างของตระกูลฟอนต์ Times New Roman

รูปแบบใหม่ของแบบอักษร Times เก่า.

Times New Roman อาจเป็นสิ่งที่ผู้ใช้ Windows ส่วนใหญ่คุ้นเคยเนื่องจากเป็นฟอนต์ serif มาตรฐานใน Microsoft Words เมื่อเปรียบเทียบกับ Arial แล้ว Times New Roman มีการออกแบบในแบบดั้งเดิมเล็กน้อย.

4 ครั้ง

ครั้งตัวอย่างของตระกูลฟอนต์ Times

หากไทม์สคุ้นเคยกับคุณนั่นเป็นเพราะเป็นแบบอักษรมาตรฐานที่ใช้สำหรับการพิมพ์หนังสือพิมพ์เก่า.

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

5. Trebuchet MS

Trebuchet-MSตัวอย่างตระกูล Trebuchet MS

ออกแบบเดิมโดย Microsoft ในยุคเก้าสิบ Trebuchet MS คือ ได้แรงบันดาลใจ โดยแบบอักษรโบราณในยุคกลาง.

มันถูกใช้อย่างเด่นชัดเป็นฟอนต์หลักสำหรับ Windows XP และเป็นฟอนต์คัดลอกเนื้อหาบนเว็บในช่วงเวลาหนึ่ง.

6. Verdana

Verdanaตัวอย่างของตระกูลฟอนต์ Verdana

หนึ่งในตัวเลือกที่ปลอดภัยที่สุดสำหรับแบบอักษรบนเว็บ Verdana ใช้เส้นแบบง่าย ๆ และตัวอักษรขนาดใหญ่พิเศษสำหรับการออกแบบ.

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

7. Arial Black

Arial ดำตัวอย่างตระกูลตระกูล Arial Black

หากคุณรักแบบอักษร Arial แต่ต้องการสิ่งที่โดดเด่นกว่าและใหญ่กว่าคุณจะไม่ผิดกับ Arial Black แบบอักษรเกิดขึ้นเมื่อผู้คนต้องการใช้แบบอักษรตัวหนาสไตล์ Helvetica แต่ไม่ต้องการชำระค่าลิขสิทธิ์.

8. จัดส่ง

จัดส่งตัวอย่างตระกูลตระกูล Courier

Courier ควรคุ้นเคยกับทุกคนเนื่องจากตัวอักษร monospaced แบบเก่านั้นมีอยู่ในอุปกรณ์และระบบปฏิบัติการเกือบทั้งหมดแทนแบบสแตนด์อะโลนสำหรับแบบอักษร “ที่ไม่เหมือนใคร”.

มันไม่ใช่แบบอักษรที่ทันสมัยที่สุด แต่มันสามารถอ่านและออกแบบได้อย่างหมดจด.

9. จัดส่งใหม่

จัดส่งใหม่ตัวอย่างตระกูลแบบอักษร Courier ใหม่

เช่นเดียวกับเวลา Courier ยังมีการออกแบบใหม่ที่ทันสมัยสไตล์คลาสสิก.

Courier New ถือเป็นแบบอักษร monospaced และสามารถใช้ได้กับอุปกรณ์และระบบปฏิบัติการส่วนใหญ่เช่นกัน.

10. จอร์เจีย

จอร์เจียตัวอย่างตระกูลจอร์เจียแบบอักษร

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

แม้ว่ามันควรจะสังเกตเห็นตัวอักษรทำงานได้ในบางโอกาสและไม่ทำงานได้ดีกับแบบอักษร serif อื่น ๆ (พวกเขามองจิ๋วถัดจาก Times New Roman).

ห้ามใช้อย่างแน่นอน: Comic Sans MS

แน่นอนว่ามันดูสนุกและแปลก ๆ อย่างแน่นอน แต่อย่าใช้ Comic Sans MS หากคุณต้องการให้เว็บไซต์ของคุณดำเนินการอย่างจริงจัง.

ตลกตัวอย่างของตัวอักษร Comic Sans MS

แบบอักษร sans-serif เป็นแบบสบาย ๆ ในการเขียนหนังสือการ์ตูนและโดยทั่วไปจะใช้สำหรับเอกสารที่ไม่เป็นทางการและวัสดุสำหรับเด็ก ถ้าคุณไม่เขียนหนังสือสำหรับเด็กหรือหนังสือการ์ตูนห้ามใช้ Comic Sans MS!

สรุป

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

แค่สัญญากับฉันว่าคุณจะไม่ได้ใช้ Comic Sans MS ไม่ว่าในกรณีใด ๆ.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map