我确信这已经被讨论过了,但我找不到任何规范的问题/答案。
目前,IE9和Firefox 4 +都使用不同的字体渲染,以产生(对于某些)更模糊的字体,但总体上更好的字距和更一致的结果。 此外,它使Windows上的非标准字体好得多。 我还没有做过彻底的调查,但我认为它与IE9和Firefox现在使用不同的graphics层,显然呈现不同的字体的事实有关。 另外,像Arial,Tahoma等一些标准字体在Firefox中看起来和10年前一样的原因是它实际上有一个例外的列表(查找gfx.font_rendering.cleartype_params.force_gdi_classic_for_families
)。
到现在为止还挺好。 问题是Chrome。 它仍然使用旧的字体渲染,使非标准字体实际上不可用。 只是为了说明,我想到的字体是: http : //www.google.com/webfonts/specimen/Play 。 只需在Firefox / IE9和Chrome中打开示例,您应该看到区别。 有什么我可以做的吗? 或者我应该寻找一个更优化的字体。
更新:我看到这是一个普遍的问题:在Chrome浏览器中, http ://www.smashingmagazine.com上的标题看起来非常粗糙。
更新:示例图像:
我已经读过Chrome(最初是Chromium)有反锯齿问题,这就是为什么它是锯齿状的。 使用font-faces也会比在系统中使用本地字体有所不同。 所以,我们所能做的只是等到他们解决这个问题,或者如果可以的话,帮助铬项目。
已知的问题 。 你可以尝试gdipp或MacType 。
复制我的口令Make CSS3 @ font-face字体渲染在Windows上与ClearType很好地结合在一起
类似的问题在这里: 在Windows 7浏览器的字体面嵌入的字体看起来模糊得到了一个答案,为我解决了同样的问题。
fontsquirrel字体生成器http://www.fontsquirrel.com/fontface/generator优化字体,并添加提示/渲染信息,帮助Windows字体渲染引擎渲染他们更好。 它还会生成较小的文件,这将更快下载。