我应该在本地存储由GoogleWeb字体API生成的CSS吗?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (24)

我正在使用一些谷歌网页字体。我听说Google处理不同浏览器之间的所有问题,并根据请求头中的浏览器提供不同的媒体。

我的问题是,它是在什么时候做到这一点的?

原因是,对于API,你可以简单地包含一个CSS文件,其中包含@font-face请求。我可以简单地在我自己的CSS文件中包含这个CSS,从而保存一个HTTP请求,或者这个CSS是否会根据请求它的浏览器而改变呢?

我真的希望这是有意义的。

例如,Google建议你在CSS文件中包括以下内容:

@import url(http://fonts.googleapis.com/css?family=Exo);

其内容如下:

@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 400;
  src: local('Exo Regular'), local('Exo-Regular'), url('http://themes.googleusercontent.com/static/fonts/exo/v1/ZcGd2dvMSgl3mHN3lKAjNw.woff') format('woff');
}
提问于
用户回答回答于

Google Webfonts提供的CSS会根据HTTP请求头中的用户代理进行更改,所以最好使用@import。原因是不同浏览器中Web字体的实现方式不同。

用户回答回答于

对于你的确切问题,我没有答案,但即使现在有可能,我也不会在本地缓存Google提供的任何CSS,因为:

  • 即使它现在起作用了,如果他们改变了什么东西,它可能会在稍后崩溃。
  • 没有增加任何可靠性,因为字体本身仍然必须从google获取。
  • 实际上并没有提高性能:如果所有的配置都正确,HTTP请求将只发生一次,然后缓存。此外,用户可以从使用Google字体的另一个站点缓存字体CSS。

扫码关注云+社区