☰

Chrome 中字体渲染效果不佳的原因？

tag-icon • tag-icon google-chrome fonts rendering
Chrome 中字体渲染效果不佳的原因？

我注意到，在 Chrome (16.0.912.77 m) 中查看时，某些网页上的文本看起来很糟糕，但在 Firefox (10.0) 中则没问题。恕我直言，我使用的是这些应用程序的 Windows 版本，采用默认设置。

举一个（颇具讽刺意味的）例子，www.google.com/webfonts。

有人知道为什么会这样吗？是否可以采取一些措施来解决？

谢谢。

编辑：另一个例子：

在此处输入图片描述

编辑：在 FireFox 中它看起来如下：

在此处输入图片描述

答案1

我一直在寻找一个解决方案，目的就是让 chrome 渲染得更好。与 Windows 中的 Firefox、IE 和 Safari 相比，它的表现非常糟糕（Safari 中的软件渲染模式与 Mac 上的渲染一样，但速度有点慢）。

Firefox 和 IE9 渲染效果良好的原因是因为它们使用 DirectWrite 硬件加速来渲染字体。

有人建议关闭 Chrome 中的 GPU 加速。但是这不管用。我找到了一个足够好的解决方案，文本将呈现为清晰易读（没有提到完全抗锯齿和美观）：

删除 WOFF 线和 SVG 线！！！！

@font-face {
    font-family: 'SomeFont';
    src: url('../fonts/SomeFont.eot?#iefix') format('embedded-opentype'), 
         url('../fonts/SomeFont.ttf')  format('truetype');
    }

我发现 Chrome 可以更好地进行 TTF 渲染，但会选择首先查找 WOFF 文件。因此，您只需要 EOT 和 TTF 文件。

答案2

Chrome 使用 Windows 进行字体渲染。Windows 8 测试版的字体渲染比其他任何地方都差得多，差到几乎像是在嘲讽 Google。Firefox 使用自己的字体渲染方法，这虽然使浏览器更重，但却避免了这个问题。

如果调整 ClearType 没有帮助，那么您能做的就不多了。

讽刺的是，IE9+ 的字体渲染效果是所有浏览器引擎中最好的。换句话说，就连微软在处理 www 时也拒绝使用他们自己糟糕的字体引擎。

我不确定为什么 Chrome 还没有提出更好的解决方案。

相关内容