2016-06-12 142 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