谷歌字體Chrome，Safari和火狐

我花了最近2天搞清楚如何讓Chrome和Safari瀏覽器的字體看起來很脆，即使在Firefox瀏覽器上它也更薄。我曾嘗試下面的東西，它的花所有的時間..谷歌字體Chrome，Safari和火狐

-webkit-transform-style: preserve-3d; 
-webkit-transform: translateZ(0); 
-webkit-text-size-adjust:100%;  
font-smoothing: antialiased; 
-webkit-font-smoothing: subpixel-antialiased;  
-moz-osx-font-smoothing: grayscale; 
-webkit-text-stroke-width: none; 
-webkit-font-smoothing: antialiased; 
-moz-osx-font-smoothing: grayscale; 
opacity:0.99; 
-moz-opacity: 0.99; 
-khtml-opacity: 0.99;

一個包裹起來，還是有很多的測試，這是我從來沒有註釋，所以我沒有，但唯一的區別是不透明度提出：0.99;其中設置爲特定的div後有所不同，但字體會比原來寬。在Safari中，所有的可憐，我累了，我需要一個工作示例對所有大3S，我不關心IE ..這個主題看起來像在所有瀏覽器的工作：

http://goo.gl/B6JyS

唯一我在CSS中找到的屬性是-webkit-text-size-adjust：100％;對身體{}我想直接添加字體並用它加載了幾秒鐘，並重新繪製在谷歌的字體Javascript方法..但沒有奏效:(請幫助..

問候

來源

2014-04-04 user1718343

我希望有人糾正我，但直到現在我學到的是，不同的瀏覽器只是不同的字體。我花了無數小時試圖找到一些一致性，但我總是看到差異。 –

我完全同意瀏覽器渲染字體的方式不同，但差異應該不大，因爲我可以在我的主題中看到，但我可以看到，在上面提到的鏈接中，它的更一致並且看起來不是100％相同，但仍然與清脆.. – user1718343

看看。此處瞭解有關在Chrome中的字體的一些信息

Google webfonts render choppy in Chrome on Windows

一個簡單的技巧我使用糾正在Chrome/Safari瀏覽器的問題：

-webkit-text-stroke: .5px;

這真的可以平滑字體，並提供至少一個臨時修復。

來源

2014-04-04 15:25:22 captainrad

嗨隊長，我遇到過這個帖子，但是對於服務器上的文件svg，我希望它通過使用所有谷歌字體存儲庫更多功能.. – user1718343

@ user1718343鏈接只是說明它確實是一個問題與Chrome。你是否嘗試過-webkit-text-stroke修復？（因爲它是以webkit開頭的，它只會在Chrome和Safari或任何其他基於webkit的瀏覽器中使用該規則。） – captainrad

嗨隊長，我剛剛嘗試過，它在Chrome上有點不同，但在Safari上，它仍然是一樣的模糊..我肯定會更新這個職位，當我得到一個解決方案，現在我必須完成一個其他模塊，所以會回來一段時間..謝謝你的建議和時間..乾杯 – user1718343

谷歌字體Chrome，Safari和火狐

回答

相關問題