打开谷歌三世Web字体在Chrome渲染(Open Sans Google Web Fonts Re

我注意到在从Chrome中打开三世（谷歌的Web字体）的人丁一个显著差异，Safari浏览器/ Firefox浏览器。 我附上两张照片，第一个是铬和第二Safari浏览器。

所有我在样式表是：

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

希望能帮到你，因为我真的很喜欢铬（第一图像）呈现，但讨厌对方一个！

Answer 1:

我已经使用在过去运气font-weight: lighter!important; 上显得比他们所预期的样子更大胆，完全不同的字体。 每个浏览器解释的字体不同。 谷歌Web字体会尽可能提供正确的版本，但有时也有浏览器和操作系统之间的剧烈变化。

希望这信息帮助！ 让我知道如果此解决方案有效，否则我可以看看它进一步。 打开三世是Web一个不错的字体，不错的选择:)

Answer 2:

添加到文档头

<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 3:

我直接添加该线Im我的头，它的工作！

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

.nav > li > a {
    color: #000; font-size: 13px; font-weight: 600;
}

而不是只打电话不用在头大小的字体，并定义它之后大胆，谁不工作的方法。

Answer 4:

有一种情况，在Safari浏览器的大小固定和其他浏览器使其更准确地 呈现字体的问题：

例如在tech.Ozake.com

所以，如果你要求你的文字是一个大小两个的Safari浏览器的步骤之间降临，你会在Safari中得到不同的结果比在其他浏览器。

所以，这取决于你如何声明字体大小和窗口如何的大小，你会得到不同大小的结果。

Answer 5:

你显然没有重新设置默认浏览器CSS，尽量明确地设置字体的重量。

文章来源: Open Sans Google Web Fonts Rendering in Chrome