0

我查看了几种不同的解决方案，例如将 -webkit-font-smoothing 设置为抗锯齿和重置文本阴影。一切都无济于事，这真的让我很烦。

字体差异：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 的字体包含在单独的 IE 特定 css 中）

4

2 回答 2

2

这很可能是 Chrome 的问题，而不是您的实施问题。Chrome 已经被字体渲染怪癖困扰了很长一段时间。我知道 Jeff Atwood (@codinghorror) 进行了一些比较，但目前我似乎找不到它们。

我建议只针对 Safari（它也使用 WebKit）并等待谷歌的人推出补丁。

于 2012-10-03T00:26:41.370 回答
0

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

h1{
    background:white;
    -webkit-background-clip:text;
    color:transparent;
}
于 2012-12-21T21:52:12.167 回答