如何在网站上加载具有较少加载时间的特定字体

时间:2013-06-11 08:23:08

标签: javascript jquery css css3

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

在加载时,网站的内容不会进行转换(使用编码语言),但不利于网站的安全。

是否有任何想法加载它的加载时间较短?

1 个答案:

答案 0 :(得分:2)

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