2014-10-08 64 views
1

我正在使用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

+0

未顯示真正的CSS代碼。 HTML未顯示。 – 2014-10-08 21:15:54

+0

即使對於內置字體(Helvetica等),我也看到了同樣的情況,但還沒有弄清楚爲什麼。字體與'-webkit-font-smoothing:antialiased'呈現相同,沒有它,所以看起來該屬性沒有生效。 – Runningskull 2014-10-09 01:25:35

+0

@ JukkaK.Korpela瞭解,但是不可能顯示我的整個網站的HTML代碼,這是受到影響的。這是影響所有文本的SCSS代碼,並且此故障適用於所有內容,包括默認正文副本。我還應該包含哪些內容以提供更多信息? – idealbrandon 2014-10-09 14:09:24

回答

0

看起來這是在Chrome Canary 40.0.2197.2中修復的。

+1

如果它在40.0.2197.2或不是,但是根據41.0.2216.0中的原始報告,它肯定被破壞了。非常令人沮喪。 – 2014-11-11 16:39:02

0

我去了chrome:// flags /並將「LCD text antialiasing」設置爲Disabled。

+0

在chrome:// flags/ – Pravin 2014-12-03 19:21:15

+0

沒有這樣的東西'LCD text antialiasing'嗯。我正在使用Chrome Beta(版本40.0.2214.10 beta(64位))。 [Imgur](http://i.imgur.com/UKj6O4U.png) – 2014-12-03 19:46:08