2012-10-29 134 views
7

我遇到了一些Google字体的奇怪问题。为什么一些Google字体以斜体样式显示不正确

例如,我使用的是木里的字体和一些浏览器时,CSS规则是文本显示在斜体字:

p { 
    font-style: normal; 
} 

我也与一些浏览器打开Google Web Fonts website(我在6个不同的PC和Mac上用16种不同的浏览器进行测试),只有其中两个我遇到了问题(一个在Chrome浏览器上,另一个在Firefox浏览器上)。

This screenshot显示了Firefox中显示的字体的侧方比较和显示斜体

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

回答

3

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

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

当你导入谷歌字体API的如下情况:

一种Inconsolata从Firefox的要求,例如,返回以下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

+0

谢谢亚伦,你救了我的一天!问题是在操作系统中安装了不正确的字体。我删除了字体,现在它正常工作。 :) – dymissy

相关问题