在Chrome中打开无法使用Google Web字体呈现

Question

我注意到从Chrome到Safari/Firefox的Open Sans(谷歌网络字体)的重新发送存在显着差异.我附上两张照片,第一张是铬和第二张狩猎.

我在样式表中的所有内容是:

        font-family: 'Open Sans', sans-serif;
        font-size:14px;

希望你能提供帮助,因为我非常喜欢chrome(第一张图片)渲染,但又讨厌另一张!!

Answer 1

加入头

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,300' rel='stylesheet' type='text/css'>

CSS规则

.btn{
    font-family: 'Open Sans', sans-serif;
    font-weight:300;
    text-rendering: optimizeLegibility;
font-size: .9em;
}

Answer 2

我过去很幸运地使用了font-weight: lighter!important;看起来更粗且与预期完全不同的字体。每个浏览器对字体的解释都不同。Google Web Fonts 尽力提供正确的版本，但有时浏览器和操作系统之间会发生巨大的变化。

希望这些信息有帮助！让我知道这个解决方案是否有效，否则我可以进一步研究。Open Sans 是一种不错的网络字体，不错的选择:)