logo标签列表

Web安全字体 - 这到底是什么意思呢？

htmlfonts
14

我知道哪些字体是网页安全字体，但不确定它的定义：网页安全字体是指浏览器支持的字体还是安装在您操作系统上的字体？因此，如果一个字体不能在您的浏览器中显示，是因为您的浏览器无法呈现该字体，还是因为该字体未安装在您的操作系统上？

谢谢

如果您指定的字体不在用户的系统中，则会加载浏览器默认字体，为了安全起见，您可以始终依赖于“arial”。 - Mr. Alien
1
http://en.wikipedia.org/wiki/Web_typography#Web-safe_fonts - Rob W
4个回答
15

网页安全字体是指在大多数系统上都已经安装的字体。（一个字体并不会因为有人安装了它就成为安全字体，只有合理地认为它将可用时才算是安全字体）。

浏览器对这些字体的支持是内置的。

7
“Web safe font”是一个模糊且命名不当的概念，而且并不是很现代化。它被用来指代（假设）“所有”或“大多数”计算机都安装的字体；实际上最多只有“大多数”，但是该概念名称中的“safe”一词暗示了“所有”。
这个概念意味着Web作者在CSS中指定字体（或在早期使用HTML中的标签）。这意味着如果系统中正确安装了字体，例如将其放置在Windows的Fonts文件夹中，浏览器将使用该字体。
没有真正“安全”的字体，即安装在所有系统上的字体，但有些字体接近于此。对此没有硬性、可靠的统计数据，但有相当好的估计。
更现代的方法是使用“字体堆栈”，或更通俗的字体列表。例如，简单的“堆栈”font-family: "Helvetica Neue", Helvetica, Arial, sans-serif可能是您需要的最安全的Web字体，但您只能“安全”地获取三种相似的字体之一。
所谓的Web字体或可下载字体，通过CSS中的@font face使用，从某种意义上来说是“安全”的，因为无论每台计算机上安装了哪些字体，都会使用该字体。但是，它们在其他方面并不安全；这些字体的使用可能会在浏览器中被禁用（或在旧版本浏览器中不支持），而字体下载可能因多种原因（如一般的Internet获取）而失败。此外，浏览器的实现存在错误，可能导致字体显示失真。
2

网页安全字体是已经安装在您的计算机上的字体。这包括从Photoshop或其他程序中安装的字体。

可以想象，很少有人拥有Photoshop！因此，许多来自Photoshop的字体被认为不是网页安全字体。

常见的网页安全字体列表可以在这里找到。

如果您想使用不同的字体，我强烈建议使用字体面板。

1
需要安装 Photoshop 才能使用的字体难道不是与 Web 安全相反的吗？ - Thilo
我正在回答他的问题中，他问的是字体是否安装在操作系统/浏览器上。 - Undefined
1

Web安全字体是指可以被认为在绝大多数计算机上都已经安装的字体。每台安装有浏览器的计算机都有内置的默认字体，以便能够显示网页上的文本。如果它没有网页代码中指定的字体，它将使用其已编程使用的任何字体。

如果网页设计师谨慎一些，他或她会设置“字体堆栈”，指定2个或更多字体选择，以便浏览器无需猜测该使用什么字体，可以有几个选择。最坏情况下，浏览器必须使用标准字体，如“Times New Roman”用于标题文本，“Arial”用于网页正文文本，而不是网页设计师想要的任何东西。

另一种选择是通过Google Fonts使得访问网站的计算机能够使用所需字体。

总之，计算机只能显示已安装的字体或网站提供的字体。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接