文本在 PC 上的 Chrome 浏览器中呈现效果非常糟糕，但在所有其他现代网络浏览器中却表现良好

Question

我目前正在编写的一个 Web 项目在 Windows 及以下版本的 Chrome 15.0 中文本呈现效果非常糟糕，尽管在 Mac/PC 上的所有其他现代 Web 浏览器上文本呈现效果都很好。

Internet Explorer 9：

Chrome 14.0：

网页采用 UTF-8 编码。使用的字体是 Helvetica/Arial/sans-serif。有什么建议吗？

附言——其中不是打字错误。

更新：我创建了一个测试页面来突出显示该问题，除 Windows 上的 Google Chrome 外，所有浏览器的文本均能正常显示。根据 W3C 验证器，这是有效的 HTML/CSS。

http://wheree.co.uk/test

Answer 1

毕竟，这是一个值得在 StackOverflow 上讨论的问题。CSS 解决方案：

-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;

Answer 2

这听起来可能与 ClearType 或 GPU 渲染有关。

这是一篇有关如何修复字体渲染问题的有用文章。

Answer 3

我总是通过在 CSS 中添加以下行来解决此问题：

/* the line below is a hack to get Chrome to render fonts decently on Windows */
body { -webkit-text-stroke-width: 0.5px; }

显然这不是最理想的，但它产生了相当好的结果，应该会一直有效直到谷歌最终决定真正解决这个问题。