我应该在本地存储由Google Web Fonts API生成的CSS吗？

Question

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

我的问题是,它在什么时候这样做？

原因是,对于API,您只需包含一个包含@font-face请求的CSS文件.我可以简单地将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');
}

Answer 1

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

Answer 2

不是你的确切问题的答案,但即使现在可能,我也绝不会在本地缓存谷歌服务"现场"的任何CSS,因为:

• 即使它现在有效,如果它们改变某些东西,它可能会在以后破裂

• 你没有添加任何可靠性,因为字体本身仍然需要从谷歌获取

• 您并没有真正提高性能:如果一切配置正确,HTTP请求将只发生一次并在此后缓存.此外,用户可能具有从使用Google字体的其他网站缓存的字体CSS.