7

在 CSS 中，如果我要上传用于网页的自定义字体，为什么建议使用备用字体？

我认为只有在客户端没有安装 1st/2nd/3rd..etc 选项时才需要备份字体。

例如，如果您有以下代码：

@font-face {
    font-family: MyCustomFont;
    src: url('../fonts/MyCustomFont.ttf');
}

为什么这是必要的？

body {
    font-family: MyCustomFont, Arial, Helvetica, sans-serif;
}
4

2 回答 2

12

没有必要指定字体堆栈，但它有助于在浏览器无法以某种方式使用字体的模糊情况下优雅地降级，例如，如果对字体文件的 HTTP 请求超时，字体文件本身会损坏或无法使用，浏览器不支持任何给定的字体格式等。

当然，您应该尽最大努力确保下载并正确使用自定义字体。但是有时会发生并且确实会发生超出您控制的事情，因此仍然有一些不错的事情可以参考并没有什么坏处。这就是为什么它们被称为备份或后备字体:)

于 2013-01-25T02:52:27.927 回答
0

DaveRandom，这些将是计算业务中唯一的嵌套 while 循环。

我想出了一种集成 Google 字体的方法，而不会出现使用 3rd 方字体时通常会遇到的任何问题。

首先，我们知道我们的 Google 字体文件是 .woff 格式的，可​​能无法在所有浏览器中使用。

其次，如果 Google Cloud 或其他恶意软件由于缓存限制或其他网络限制而阻止从我们的服务器下载字体文件，我们知道这种连接的伪状态可能会支持来自 Google Fonts 的 .woff 字体。

为了谷歌的功劳，我们也许能够以其他方式加载我们的图像，所以为什么不试试我们最终产品的谷歌字体版本..所以为什么不这样做：

为了确保在添加 Google 字体时字体保持不变，我建议不要删除自托管字体，除非经过验证的原告出于权利所有权的原因要求您这样做。

与其删除真正实现跨浏览器兼容性的真正关键的自托管字体，不如在 CSS 中创建一个相同字体条目，将其字体标题指定为第 3 方，例如：“ArialVanityGoogleFonts”。使用浏览器的内置字体后备 .csv 并包含以下字体：ArialVanity、ArialVanityGoogleFonts、Arial

于 2017-11-17T20:27:15.413 回答