2012-10-03 156 views
0

我已經看過幾種不同的解決方案,例如將-webkit-font-smoothing設置爲antialiased並重置文本陰影。一切都無濟於事,這真是讓我煩惱。字體在Chrome中呈現不佳

字體差異: http://imgur.com/a/8w9TM

Firefox和Internet Explorer,然後鍍鉻。

這是鉻行爲,還是(更可能)我正在實現的東西不正確?無論哪種方式,關於我能做些什麼的建議?

@font-face{ 
    font-family: Patagonia; 
    src: url('style/patagonia_regular_macroman/Patagonia-webfont.ttf'); 
    font-weight: normal; 
    font-style: normal; 
} 

(注:我包括一個單獨的IE特定的CSS爲IE設計的字體)

+0

字體從哪裏來,你試過了woff版本而不是ttf版本(對於woff的瀏覽器)? –

回答

2

這是最有可能與Chrome瀏覽器,而不是您的實現問題。 Chrome一直飽受字體渲染怪癖的困擾,我知道Jeff Atwood(@codinghorror)做了一些比較,但我目前似乎無法找到它們。

我建議只針對Safari(它也使用WebKit),並等待谷歌的人推出一個補丁。

+0

這令人難以置信的令人沮喪! – Dave

+0

我知道,我已經閱讀了多個關於這個主題的來自各種網站開發者的多個長篇大論。不幸的是,Google似乎對這個問題不感興趣。 您可以切換字體嗎?我認爲Chrome比其他人更好地呈現一些字體。 – Garrett

0

我嘗試了網絡上的每一個竅門,然後我嘗試了這個...並不理想,但它使用了我使用的typekit字體。

h1{ 
    background:white; 
    -webkit-background-clip:text; 
    color:transparent; 
}