仅在 Mac OSX 上的 Chrome 中，Droid Serif 字体上的锯齿状边缘
我遇到了一个相当奇怪的问题，即 Droid Serif（粗斜体）在 OSX 上的 Chrome 中如何显示。基本上，如果字体出现在折叠上方，它会显示锯齿状。突出显示后，它会变得平滑。 OSX 上 Chrome 中所有使用 Droid Serif 字体的页面都会发生这种情况。查看以下 URL：
http://adamjohnsondesign.com/contact/
这里到底发生了什么？有什么建议吗？请参阅下面的图片。
以一半平滑、一半锯齿突出显示：http://i.min.us/inK36.png
I'm having a rather strange issue with how Droid Serif (Bold-italic) displays in Chrome on OSX. Basically, if the font appears above the fold, it displays jagged. After it's highlighted, it smooths out. This happens on all pages with the Droid Serif font in Chrome on OSX. Check out the following URL:
http://adamjohnsondesign.com/contact/
What in the world is going on here? Any suggestions? See the images below.
Highlighted with half smooth and half jagged: http://i.min.us/inK36.png
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
我认为您遇到的是 Mac OS X 上较新（最近）版本的 Chrome 中的
@font-face错误。例如，我在使用 Chrome 11 时看到您所描述的锯齿状边缘和 Mac OS X 上的 Chrome 12。
当我在 Mac OS X 上的 Chrome 9 中查看您的网页时（ 9.0.597.44) 或 Mac OS X 上的 Chrome 10 (10.0.648.204) 我看到流畅，如预期的那样，抗锯齿 Droid Serif 字体。
由于似乎没有其他浏览器出现此问题，这让我相信这是 OS X 上 Chrome 中的字体错误。
此外，如果您使用 Droid Serif 字体选择（突出显示）文本或向下滚动页面，浏览器会重新绘制字体具有光滑的边缘——这进一步证实了越野车的行为。
I think what you're experiencing is an
@font-facebug in newer (recent) versions of Chrome on Mac OS X.For example, I see the jagged edges you're describing when using Chrome 11 and Chrome 12 on Mac OS X.
When I view your page in Chrome 9 on Mac OS X (9.0.597.44) or Chrome 10 on Mac OS X (10.0.648.204) I see the smooth, anti-aliased Droid Serif font as expected.
Since no other browsers seem to exhibit this problem, this leads me to believe it's a font bug in Chrome on OS X.
Moreover, if you select (highlight) text using the Droid Serif font or scroll down the page, the browser redraws the font with smooth edges — this gives further credence to the buggy behavior.
为了跟进此问题，结果发现问题与我在该网站使用的 CMS 中使用的自定义模板有关。其他用户报告了各种 @font-face 字体的类似问题。通过不使用特定的自定义模板，问题（几乎）完全消失。
有关该主题的更多信息，请查看此主题：
http://www.concrete5.org/community/forums/customizing_c5/interrresting-just-figured-out-c5and039s-auto-nav-block-interfer/#54983
请注意，该线程中标记为正确的答案为该问题提供了不同的解决方案；但是，这不是我网站的解决方案（我已经这样做了）。
感谢大家的帮助！
To follow up on this, the issue turned out to be something to do with a custom template I was using within the CMS I use for that site. Other users had reported similar issues with a variety of @font-face fonts. By not using that specific custom template, the issue went away (almost) entirely.
For more information on the subject, check out this thread:
http://www.concrete5.org/community/forums/customizing_c5/interrresting-just-figured-out-c5and039s-auto-nav-block-interfer/#54983
As a note, the answer marked correct in that thread offers a different solution to the problem; however, that was not the solution for my site (I was already doing that).
Thanks to everyone for the help!