为什么一些Google字体以斜体显示不正确

我遇到了一些Google字体的奇怪问题。

例如,我使用Muli字体,并且在某些浏览器中,当CSS规则为:时,文本以斜体显示:

p {
    font-style: normal;
}

我还用几种浏览器打开了Google Web Fonts网站(我在6种不同的PC和Mac上使用16种不同的浏览器进行了测试),只有其中两种浏览器遇到问题(一种是Chrome浏览器,另一种是Firefox浏览器)。

此屏幕截图显示了Firefox中显示的字体和以斜体显示字体的浏览器的并排比较

为什么只有一些浏览器将这些字体显示为斜体? 我应该寻找什么来追踪这个问题?


Speculatory! 如果您在两台不同的计算机上进行测试,使用相同的浏览器和浏览器版本,则您在字体上的差异可能来自操作系统。 使用Google语言API时,如果调用Firefox或Chrome,则使用本地属性,如果该字体可用,则调用操作系统版本的字体。 其中由OS调用或给出的字体可以是斜体版本而不是正常版本。

我的建议是下载字体并手动导入自己,而不使用本地属性。

当您导入Google字体API时,会发生以下情况:

例如,来自Firefox的Inconsolata请求会返回以下CSS:

@font-face {
  font-family: 'Inconsolata';
  src: local('Inconsolata'), url('http://themes.googleusercontent.com/fonts/font?kit=J_eeEGgHN8Gk3Eud0dz8jw') format('truetype');
}

另一方面,来自Internet Explorer的请求返回:

@font-face {
  font-family: 'Inconsolata';
  src: url('http://themes.googleusercontent.com/fonts/font?kit=J_eeEGgHN8Gk3Eud0dz8jw');
} 

https://developers.google.com/webfonts/docs/technical_considerations

链接地址: http://www.djcxy.com/p/11393.html

上一篇: Why do some Google Fonts displayed incorrectly in Italic style

下一篇: Iterating through a Java collection to make these balls bounce, any hints?