Google字體在Chrome中渲染得不好

我在我的項目中使用Google字體的Source Sans Pro，但有時Chrome會徹底破壞字體的渲染。Google字體在Chrome中渲染得不好

an example of the bad rendering

我現在不明白的時候，爲什麼發生這種情況，但有時我得到這個在頁面加載，我見過其他時間滾動頁面時，它發生。重新加載頁面可以解決問題。這個問題在Firefox中不會發生。

下面是它應該被正確地渲染：

the page rendered correctly

我已經試過了一些修復，包括text-shadow，-webkit-font-smoothing: antialiased和this答案的解決方案。

任何人都可以幫助我嗎？

謝謝。

編輯：主題是基於引導2.3.2，當我導入Google字體時開始的問題。我按照http://jsfiddle.net/NqQ5P/2/的建議創建了一個JSFiddle。另外請注意，我沒有在我的MacBook上遇到問題，但只在Windows上（以及我也知道我的客戶）。

來源

2014-06-17 Giovanni

無碼？ JSfiddle演示如何？「有時」問題很難診斷。在什麼情況下你有這個問題？ –

我添加了一個JSFiddle演示。我目前不知道在什麼情況下我有這個問題，我不知道如何複製它。那就是問題所在。 – Giovanni

嘗試了無數的解決方案之後，這個問題似乎已經消失（我們沒有能夠重現它了）我在文件bootstrap.css的這部分註釋掉text-rendering: optimizelegibility;後：

h1, h2, h3, h4, h5, h6 { 
margin: 10px 0; 
font-family: inherit; 
font-weight: bold; 
line-height: 20px; 
color: inherit; 
/*text-rendering: optimizelegibility;*/ 
}

來源

2014-06-18 14:21:03 Giovanni

Google字體在Chrome中渲染得不好

回答

相關問題