2016-06-12 102 views
1

我在我的网站上使用Google的Open Sans Font。
Firefox和Chrome以正确的方式显示字体,但Safari不是。
我尝试了所有-webkit-font-smoothing的选择了,但似乎只能解决它在OS X上Safari字体呈现错误

4-Images - >在图像的顶部侧面是我自己的网站

<select class="Open-Sans-normal-400"> 
    <option>EUW</option> 
</select> 

,并在底部方相同的字体,但在Googles Font Website

如果您需要更多信息,请告诉我。我会添加它们。

感谢您的帮助。

回答

0

这可能帮助:

* { 
    text-rendering: optimizeLegibility; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
} 

来源:Same font except its weight seems different on different browsers

+0

你的代码或你的消息来源没有帮助我,让字体在Safari看起来像正常体重400。 :/ – ThaFlaxx

+0

您是否认为它不是较轻的字体,而是较浅的渲染,因为您在黑色背景上使用它?你可以通过在白色上将颜色改为黑色来测试它吗? – JoostS

+0

黑色的白色和白色的黑色确实看起来像是被点燃的那样。 但是当我使用'_ :: - moz-svg-foreign-content,:root body {-webkit-text-stroke:0.5px;}'看起来应该是这样,但这不是一个好的解决方案。 – ThaFlaxx