css - 在 CSS 中,将自定义字体应用于网页时是否需要备份字体?

标签 css fonts font-face

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

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

例如,如果您有此代码:

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

为什么这是必要的?

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

最佳答案

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

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

关于css - 在 CSS 中,将自定义字体应用于网页时是否需要备份字体?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14514360/

相关文章:

javascript - 使用 CSS、HTML 和 Javascript 在随机图像的页面上调整图像大小

css - ASP.NET MVC3 Razor - Html.ActionLink 样式

python - 更改 Matplotlib 的默认字体

css - 在图像旁边对齐卡片文本

c# - 网络浏览器字体大小(以像素为单位)

css - UCO(未识别的 CSS 对象)在 Firefox 中向我的文本区域添加更大的字体大小

ruby-on-rails - Rails 3,@font-face 在使用 Firefox 的生产中失败

html - 亚美尼亚字体在 font face css3 中不起作用

Firefox 网页字体未加载

html - 使一个 div 元素弹出它的父元素有溢出 :auto