Droid Serif字体上的锯齿形边缘仅适用于Mac OSX上的Chrome

问题描述:

我在Droid Serif(Bold-italic)中如何在OSX上的Chrome中显示一个相当奇怪的问题。基本上,如果字体出现在折叠上方,它将显示锯齿状。突出显示后,平滑。这发生在所有OSX版Chrome上的Droid Serif字体页面上。看看下面的网址:Droid Serif字体上的锯齿形边缘仅适用于Mac OSX上的Chrome

http://adamjohnsondesign.com/contact/

世界到底是怎么回事?有什么建议么?看到下面的图片。

强调了与半光滑和半锯齿状:http://i.min.us/inK36.png

我觉得您遇到是在Chrome的Mac OS X上较新的(最近)版本

例如,我看到一个@font-face错误您使用Chrome 11和Chrome 12时,说明在Mac OS X上的锯齿边缘

当我Chrome 9 on Mac OS X(9.0.597.44)或Chrome 10 on Mac OS X(10.0.648.204)查看您的网页我看到光滑,抗锯齿Droid Serif字体如预期。

由于没有其他的浏览器似乎出现此问题,这使我相信它在Chrome中的字体错误在OS X

此外,如果您使用的Droid Serif字体选择(高亮)文本或向下滚动该页面,浏览器重绘字体的平滑边缘—这进一步证实了车的行为。

+0

再次想到,也许这不是Chrome中的错误,而是与您网站上的其他资源发生冲突。如果您下载由FontSquirrel生成的[Droid Serif字体套件](http://www.mediafire.com/?io9nqet38b8wdp0),即使在Chrome 11+中,您也会看到Droid Serif Bold Italic呈现平稳。 – rjb 2011-05-18 03:24:05

+0

我很确定我曾尝试过一段时间,但我会再次尝试。我想我也尝试过在OSX的Chrome浏览器上通过谷歌字体目录查看Droid Serif,它看起来很好 - 这让我相信这将是一个资产问题(吞噬!)。我会及时向大家发布。欢迎提供更多建议,并提前感谢您的帮助。 – 2011-05-18 03:52:54

+0

使用原生的'@ font-face'规则比您想象的要容易。 FontSquirrel的字体套件已经为您做了所有事情 - 只需将CSS复制并粘贴到您的样式表中并上传字体即可。确保字体是从与您的网站相同的域中提供的,因此您不会遇到跨域来源策略。然后,您可以删除对Google Fonts API JavaScript的所有依赖。 – rjb 2011-05-18 04:26:05

为了跟进这个问题,我发现这个问题与我在该网站使用的CMS内使用的自定义模板有关。其他用户也报告过类似的问题,各种@ font-face字体。通过不使用特定的自定义模板,问题完全消失(几乎)。

有关主题的更多信息,请查看本主题:

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

作为一个说明,回答正确标注在该线程提供了不同的解决问题的办法;然而,这不是我的网站的解决方案(我已经这样做了)。

感谢大家的帮助!