2012-10-03 92 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; 
}