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

我在一个Rails项目中，并且使用了/assets/fonts文件夹中的两种字体。在Ruby on Rails项目中加载字体花费太多时间

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

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

字体是非常大的文件（特别是第二个），它将永久加载它们。在每个页面中，文本都显示在其他所有内容之后。

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

来源

2012-07-05 Tony

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

在CDN
使用字体托管服务一样google fonts或typekit
主机您的字体文件优化使用服务您的字体文件，如fontsquirrel

有一点需要特别注意的是，如果在样式表之前有一个SCRIPT元素，IE将阻止整个页面的呈现。所以确保你所有的样式表链接都在你正在加载的任何javascript文件之上。

延伸阅读：

来源

2012-07-05 22:14:31

我与斯科特同意，@字体面可能会在您的网站慢下来，所以要根据你的目标，你可能想要使用谷歌字体，打字套件或其他在线字体提供商。对于我目前正在处理的项目，我选择了谷歌字体。所有你需要做的就是添加片断谷歌网页字体你到你的applications.html.erb：

<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic' rel='stylesheet' type='text/css'>

然后将其添加到您的css文件：

h1 { 
    font-family: "PT Sans", Arial, Helvetica, sans-serif; 
}

来源

2013-01-05 21:58:56 lflores

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

回答

相关问题