仅在Mac OSX上的Chrome中，Droid Serif字体上的锯齿状边缘

Question

我对OSX上的Chrome显示Droid Serif（Bold-italic）有一个相当奇怪的问题。基本上，如果字体显示在折叠上方，则显示锯齿状。突出显示后，它会平滑。在OSX上的Chrome中使用Droid Serif字体的所有页面上都会发生这种情况。请查看以下网址：

http://adamjohnsondesign.com/contact/

世界上到底发生了什么？有什么建议？见下图。

突出显示半光滑和半锯齿：http://i.min.us/inK36.png

Answer 1

我认为您在Mac OS X上的较新（最新）Chrome版本中遇到@font-face错误。

例如，我在Mac OS X上使用Chrome 11和Chrome 12时会看到您描述的锯齿状边缘。

当我在Chrome 9 on Mac OS X（9.0.597.44）或Chrome 10 on Mac OS X（10.0.648.204）中查看您的页面时，我看到了平滑，抗锯齿的Droid Serif字体。

由于没有其他浏览器似乎出现此问题，这让我相信它是OS X上Chrome中的字体错误。

此外，如果您使用Droid Serif字体选择（突出显示）文本或向下滚动页面，浏览器会重新绘制具有平滑边缘的字体 - 这进一步证明了错误行为。

Answer 2

为了跟进这一点，问题结果与我在用于该网站的CMS中使用的自定义模板有关。其他用户报告了各种@ font-face字体的类似问题。通过不使用该特定的自定义模板，问题（几乎）完全消失了。

有关该主题的更多信息，请查看此主题：

http://www.concrete5.org/community/forums/customizing_c5/interrresting-just-figured-out-c5and039s-auto-nav-block-interfer/#54983

作为一个注释，答案标记正确，该线程为问题提供了不同的解决方案;但是，这不是我的网站的解决方案（我已经这样做了）。

感谢大家的帮助！