Chrome中的字体呈现效果不佳

Question

我看了几个不同的解决方案，比如将-webkit-font-smoothing设置为antialiased并重置text-shadow。一切都无济于事，这真让我烦恼。

字体差异： http://imgur.com/a/8w9TM

firefox和Internet Explorer，然后是chrome。

这种Chrome行为，或者（更有可能）我正在实现的错误行为？无论哪种方式，关于我能做些什么的任何建议？

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

（注意：我在单独的IE特定css中包含IE的字体）

Answer 1

最有可能是Chrome的问题，而不是您的实施问题。 Chrome已经被字体渲染怪癖困扰了很长一段时间;我知道Jeff Atwood（@codinghorror）做了一些比较，但我现在似乎无法找到它们。

我建议只定位Safari（也使用WebKit）并等待Google的用户推出补丁。

Answer 2

我尝试了网络上的每一个技巧，然后我尝试了这个...根本不理想，但它使用了我正在使用的typekit字体。

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