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

Question

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

我意识到安装字体的人的百分比会很小，但我仍然想知道是否有办法总是强制从谷歌加载？

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，你应该会更好。