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

Question

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

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

jsFiddle

Answer 1

好吧，如果您查看 Google 提供给您使用的 URL 后面的 sn-p，它会显示（对我而言，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，你应该会更好。