2014-08-28 23 views
3

剛剛更新到Chrome 37和Segoe UI Lighter字體我用我的網站看起來有點大膽。有沒有可能糾正這個問題?谷歌瀏覽器更新到37使文本看起來更大膽

這個例子說明吧:

<h1 style="font-family: Segoe UI Light, Segoe UI; font-weight: lighter"> 
    The <i>quick brown fox jumped over the lazy dog</i> 
</h1> 

在Internet Explorer 9,Safari 5的,和Opera 21它看起來期望 - Chrome瀏覽器,並在以前的版本中它確實做了。但是在Chrome 37中它稍微更大膽 - 大概是因爲DirectWrite開關(?)。

+0

這可能是爲什麼。這些都是一些視覺上的變化。 – 2014-08-28 15:44:45

+0

我面臨同樣的問題。我也有這個問題:http://www.reddit.com/r/chrome/comments/2en8j0/。很確定它們是相關的 – karancan 2014-08-29 02:48:36

+0

嘗試將其添加到字體樣式「-webkit-backface-visibility:hidden;」 – 2014-10-10 12:15:10

回答

0

我認爲這只是版本37中的一個錯誤,它會阻止Chrome渲染Segoe UI Light。請參閱:https://code.google.com/p/chromium/issues/detail?id=408587

發生什麼事情是因爲任何原因它無法渲染Segoe UI Light,所以它會轉到下一個可以渲染的後備字體(Segoe UI)。這就是爲什麼你的文字看起來有點大膽。

0

嘗試添加到您遇到問題的字體樣式。

-webkit-font-smoothing: antialiased; 

我認爲你所看到的差異有當你作爲反對重的發言權,300.因此,瀏覽器可能使他們過不同的指定光做。所以,如果這不起作用,也請嘗試指定所需的實際重量

+1

不幸的是沒有任何區別 - 但我發現字體看起來一樣:WeblySleek UI Light – Richard 2014-08-28 16:59:09

+0

哦,我有同樣的問題,所以認爲它可以幫助。無論如何,好的你找到了一種替代解決方案。祝你好運。 – nil 2014-08-28 17:01:18

+0

更新:使用獲取下載的字體會導致佈局一旦下載字體輕微轉移。不喜歡,所以我可能會這個想法。一旦字體已經被緩存好了,但是對於首頁--hmmmmmmmmmmmmmmmm ... – Richard 2014-08-29 16:27:26

0

我發現把這個添加到字體樣式中會糾正它。

backface-visibility: hidden; 
-webkit-backface-visibility: hidden;