是否有必要为Web字体提供后备字体？

Question

我们在我们的网站上使用了一些网络字体,例如

<link href="http://fonts.googleapis.com/css?family=Anton" 
    rel="stylesheet" type="text/css">

由于IE8中的一个错误我不想以其他方式解决,我想向我们的网站作者推荐他们在指定网络字体时不提供后备字体.例如,而不是:

font-family: 'Anton', "Arial Black", sans-serif;

..做...

font-family: 'Anton';

是否存在可能导致问题的真实场景,即为什么我需要为我提供的字体提供后备？

Answer 1

Google字体使用@ font-face标记.当@ font-face不受支持或不可用时,假设后备字体使您的设计/布局保持一致.

参考:http://webdesignerwall.com/tutorials/css3-font-face-design-guide

Answer 2

不使用后备意味着您完全相信以下内容：

• 您的网站将始终在良好的互联网连接下加载
• 外部字体资源将始终在您请求的位置完全可用
• 如果你的字体没有加载，网站中受影响的文本看起来绝对没问题，没有字体

如果您不同意其中任何一个，那么是的，您应该有一个后备字体，它被设计为后备字体，以防您最初的选择不可用。

Answer 3

我怀疑您是否会遇到无法访问 Google 的问题。但是，某些浏览器确实会使用后备字体，直到下载的字体可用为止。

来自谷歌： https: //developers.google.com/webfonts/faq

当浏览器仍在加载字体文件时，文本如何显示？

浏览器行为因浏览器类型而异。有些只会在加载字体文件后显示文本，有些会使用字体堆栈中的后备字体，然后在字体可用时刷新页面。后一种行为通常称为“无样式文本的闪烁”。有关浏览器的详细信息，请参阅技术注意事项页面。

为了更好地控制字体仍在加载时浏览器的行为方式，请使用 WebFont Loader。