我正在使用Google Chrome 40運行一些非常怪異的字體渲染,並且希望別人遇到並知道如何修復。一切都很好,直到兩天前,所以我想知道它是否只是一個新的鉻的錯誤,但我找不到任何其他情況下。@ Chrome 40中的字體渲染
這發生在我在我的網站上使用的所有三種字體 - 臉部嵌入中,其中一種是谷歌網頁字體,另外兩種是在本地嵌入的。
我用以下瀏覽器測試: - OK 的Chrome 40(蘋果機)金絲雀 - 壞 的Chrome 40(運)金絲雀 - 不一致
Safari瀏覽器7.1 - Chrome 38版(蘋果機)OK Safari瀏覽器8.0 - 確定
火狐32.0.1 - OK 火狐33.0測試版 - OK Firefox的極光34.0a2 - OK 火狐每晚35.0a1 - OK
IE 11 - OK IE 10 - OK
我有以下附接到body
元件在我的CSS:
body {
margin: 0;
padding: 0;
height: 100%;
font: {
family: $font-body;
size: 1.4rem;
}
color: $midnight-blue;
background-color: $white;
line-height: $alt-baseline;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
這裏是與所述問題的屏幕截圖:
鉻38(OK):http://cl.ly/XwN8
Chrome 40(壞):http://cl.ly/XwqN
未顯示真正的CSS代碼。 HTML未顯示。 – 2014-10-08 21:15:54
即使對於內置字體(Helvetica等),我也看到了同樣的情況,但還沒有弄清楚爲什麼。字體與'-webkit-font-smoothing:antialiased'呈現相同,沒有它,所以看起來該屬性沒有生效。 – Runningskull 2014-10-09 01:25:35
@ JukkaK.Korpela瞭解,但是不可能顯示我的整個網站的HTML代碼,這是受到影響的。這是影響所有文本的SCSS代碼,並且此故障適用於所有內容,包括默認正文副本。我還應該包含哪些內容以提供更多信息? – idealbrandon 2014-10-09 14:09:24