javascript - 如何在网站上以更短的加载时间加载特定字体

Question

基本上我需要在网站上加载特定的字体加载时间更短。我正在使用 @font-face 在我的网站上添加特定字体。它运行良好，但在现场加载会耗费大量时间。

在加载时，网站的内容未经转换（以编码语言）显示，这不利于网站的安全。

任何想法以更短的加载时间加载它？

Answer 1

1. 将样式表加载到文档的开头。这样，它首先被解析。
2. 减少字体的字符/字形以减小大小。如果你只做英文，就不需要加载额外的外来字符。
3. 使用 CDN。这也适用于图像、样式表和脚本。
4. 字体可以作为 Base64 嵌入到 CSS 中。样式表会更大，但会减少 HTTP 请求。
5. 最重要的是，缓存您的资源。如果他们不打算在不久的将来更改它，请考虑设置正确的标头以永久缓存它。