javascript - 控制字体何时下载字体

标签 javascript css

根据我的理解,font-face 会立即下载字体,然后只要您使用该字体,它就会应用它。我的“问题”是大多数计算机都安装了 Century Gothic,所以我不想浪费时间下载字体(实际上不是 Century Gothic,它是一种看起来相似的替代品),如果它们已经安装的话。

我的问题是,是否可以控制@font-face 下载实际字体的时间?还是只在第一次使用时下载?我目前能想到的唯一选择是运行字体测试以查看是否安装了 Century Gothic(使用 JavaScript),如果没有,则在页面中注入(inject)新样式。

最佳答案

您应该设置一个字体系列列表,浏览器将使用第一个可用的。
因此,如果您设置 font-family: 'Century Gothic', 'Your Other Font',则仅当 Century Gothic 不可用时才会使用其他字体。

This page 表示没有实际使用的@font-face规则,不会被下载:

Turns out if you use @font-face but don't ever apply that font-family, the font won't be downloaded. Pretty smart, browsers

关于javascript - 控制字体何时下载字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16974390/

相关文章:

javascript - 使用jquery创建一个不刷新但后退按钮仍然有效的网站

javascript - 如何在客户端 Javascript 中创建文件对象进行单元测试?

javascript - 谷歌图表条形图 - 非常高和低值

html - 使用 jquery mobile 绘制垂直线和水平线

css - nuxt 样式不会应用于生产模式

Javascript:对象数组的复杂排序(帖子中的示例和预期结果)

javascript - 加载时加载额外的 html

twitter-bootstrap - Bootstrap 列堆叠

css - p :tree TreeNode background-color

css - 询问侧边栏