CSS Web Safe 字体

什么是 Web Safe 字体？

Web safe 字体是指在所有浏览器和设备上都普遍安装的字体。

备用字体

然而，没有 100% 完全 Web Safe 的字体。字体有时可能会找不到或未正确安装。

因此，务必始终使用备用字体。

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

HTML 和 CSS 的最佳 Web Safe 字体

以下列表是 HTML 和 CSS 的最佳 Web Safe 字体

• 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 是最安全的 Web 字体之一，它在所有主流操作系统上都可用。

Verdana (sans-serif)

Verdana 是一种非常流行的字体。Verdana 即使在小字号下也很容易阅读。

Tahoma (sans-serif)

Tahoma 字体字符之间的间距较小。

Trebuchet MS (sans-serif)

Trebuchet MS 由 Microsoft 于 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 字体旨在模仿手写。它优雅而精致，但可能难以阅读。请谨慎使用。