อธิบายตระกูลฟอนต์ CSS และฟอนต์ที่ปลอดภัยของเว็บ

แบบอักษรที่ปลอดภัยของเว็บ

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

แบบอักษร serif สำหรับเว็บปลอดภัย:

  • จอร์เจีย
  • Times New Roman

แบบอักษร sans-serif ของเว็บปลอดภัย:

  • Arial
  • ทาโฮมา
  • Trebuchet MS
  • เวอร์ดานา

แบบอักษร monospaced ปลอดภัยบนเว็บ:

  • Courier ใหม่

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

p { font-family: Tahoma, Arial, sans-serif; }

หมายเหตุเกี่ยวกับแบบอักษรของเว็บ

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

ข้อมูลเพิ่มเติมเกี่ยวกับแบบอักษร:

  • วิธีโหลดแบบอักษรของเว็บอย่างถูกต้อง
  • Superfamilies แบบอักษรของ Google
  • วิธีใช้ Google Fonts ในโครงการออกแบบครั้งต่อไปของคุณ