当字体存在于本地时,谷歌字体加载被忽略

Google fonts load ignored when font exists locally

本文关键字:字体 加载 谷歌 存在 于本地      更新时间:2023-09-26

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

我意识到安装字体的人的比例会很低,但我仍然想知道是否有办法总是从谷歌加载?

jsFiddle

好吧,如果你看看谷歌给你使用的URL后面的片段,它会显示(对我来说,谷歌似乎进行浏览器嗅探,以不提供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,你应该会更好。