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

Question

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

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

例如,如果您有此代码:

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

为什么这有必要？

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

Answer 1

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

当然,您应该尽力确保自定义字体下载和正确使用.但事情可能而且确实发生在你有时无法控制的情况下,所以仍然有一些不错的东西可以挽回.这就是为什么他们被称为备份或后备字体:)