在Ruby on Rails项目中加载字体花费了太多时间

Question

在Ruby on Rails项目中加载字体花费了太多时间

Ton*_*ony 5 html css fonts ruby-on-rails-3

我在一个Rails项目中,我使用的是/assets/fonts文件夹中的两个字体.

@font-face {
  font-family: FuturaStd-Light;
  src: url("/assets/fonts/FuturaStd-Light.otf");
}

@font-face {
  font-family: HelveticaNeue;
  src: url("/assets/fonts//HelveticaNeue.dfont");
}

Run Code Online (Sandbox Code Playgroud)

这些字体是非常大的文件(特别是第二个),它们需要永远加载它们.在每个页面中,文本都显示在其他所有内容之后.

有没有更好的方法来加载字体？有没有办法缓存它们？有任何想法吗？

Answer 1

Sco*_*hey 3

@font-face 是一项很棒的技术，但是大字体文件肯定会减慢您的网站速度。您可以使用多种技术来解决这个问题：

使用字体托管服务，例如google fonts或typekit
在 CDN 上托管您的字体文件
使用fontsquirrel等服务优化您的字体文件

特别要注意的一件事是，如果SCRIPT样式表之前有一个元素，IE 将阻止整个页面的渲染。因此，请确保所有样式表链接都位于您正在加载的任何 JavaScript 文件之上。

进一步阅读：

归档时间：	13 年，5 月前
查看次数：	1758 次
最近记录：	12 年，7 月前