javascript - 本地存在字体时忽略谷歌字体加载

Question

我正在从谷歌字体加载“你无能为力”，它在所有浏览器中都能完美运行。但是，如果我的机器上已经安装了该字体，它就会使用该字体而不是谷歌字体。这有几个问题，一个是如果字体是从本地计算机加载的，则带有 font-size: 1.45em; 的类看起来更大。

我知道安装该字体的人所占的百分比会很小，但我仍然想知道是否有办法始终强制从 Google 加载？

jsFiddle

Answer 1

好吧，如果您查看 Google 提供给您使用的 URL 后面的代码片段，它会显示(对我来说——Google 似乎会嗅探浏览器以不提供 Firefox IE 特定的解决方法等):

@font-face {
  font-family: 'Nothing You Could Do';
  font-style: normal;
  font-weight: 400;
  src: local('Nothing You Could Do'), 
       local('NothingYouCouldDo'), 
       url(http://themes.googleusercontent.com/static/fonts/no...YU.woff) format('woff');
}

丢掉两个 local 位并自己托管 CSS，你应该会更好。