CSS 安全网页字体

什么是安全网页字体？

安全网页字体是指在所有浏览器和设备上普遍安装的字体。

字体回退

但是，没有 100% 完全安全的网页字体。字体可能无法找到或安装不正确。

因此，使用字体回退非常重要。

这意味着您应该在 font-family 属性中添加一系列类似的“备份字体”。如果第一个字体不起作用，浏览器将尝试下一个字体，再下一个，依此类推。始终使用通用字体系列名称结尾。

HTML 和 CSS 最佳安全网页字体

以下列表是 HTML 和 CSS 最佳安全网页字体

• Arial (sans-serif)
• Verdana (sans-serif)
• Tahoma (sans-serif)
• Trebuchet MS (sans-serif)
• Times New Roman (serif)
• Georgia (serif)
• Garamond (serif)
• Courier New (monospace)
• Brush Script MT (cursive)

Arial (sans-serif)

Arial 是在线和印刷媒体中最常用的字体。Arial 也是 Google Docs 的默认字体。

Arial 是最安全的网页字体之一，在所有主要操作系统上均可用。

Verdana (sans-serif)

Verdana 是一款非常流行的字体。Verdana 即使在较小的字体大小下也易于阅读。

Tahoma (sans-serif)

Tahoma 字体的字符间距较小。

Trebuchet MS (sans-serif)

Trebuchet MS 由微软于 1996 年设计。请谨慎使用此字体。并非所有移动操作系统都支持它。

Times New Roman (serif)

Times New Roman 是世界上最知名的字体之一。它看起来很专业，被许多报纸和“新闻”网站使用。它也是 Windows 设备和应用程序的主要字体。

Georgia (serif)

Georgia 是一款优雅的衬线字体。它在不同的字体大小下都非常易读，因此是移动响应式设计的良好选择。

Garamond (serif)

Garamond 是一款经典字体，用于许多印刷书籍。它拥有永恒的外观和良好的可读性。

Courier New (monospace)

Courier New 是使用最广泛的等宽衬线字体。Courier New 通常与代码显示一起使用，许多电子邮件提供商将其用作默认字体。Courier New 也是电影剧本的标准字体。

Brush Script MT (cursive)

Brush Script MT 字体旨在模仿手写体。它优雅而精致，但可能难以阅读。请谨慎使用。