google-chrome - 字母“M”比其他文本的其余部分更粗

Question

不确定是什么原因造成的。

我在家里的 W7 电脑上用 Chrome、FF 和 IE 对此进行了测试，没有任何问题。我也在我的Droid上查了一下，还是没有问题。

我在 XP 机器上工作，这就是它在 Chrome 中的显示方式：

它在我的 FF 和 IE 中的 XP 机器上显示良好。

有什么线索吗？

编辑：页面应要求：www.terrencebowman.com（显然仍在开发中）

Answer 1

铬 21，Windows XP：

对我来说似乎很好。

编辑：这是一个抗锯齿“问题”。使用标准抗锯齿（Cleartype 关闭）时，页面看起来与屏幕截图中的相同（Chrome 和 IE6、IE7、IE8）。IE9 和 IE10 浏览器完全忽略系统范围的抗锯齿设置并强制启用 cleartype，因此这就是您在计算机上看不到损坏文本的原因。

1. 你可以简单地忽略这个问题，或者......
2. 您可以尝试使用较小的字体 (font-size: 17px) 而不是 18px
   font-size: 17px with cleartype off：
3. 我找到了一种解决方法：只需-webkit-transform: translateZ(0);在您的 p 标签上使用。
   这会强制 Chrome 使用 GPU 呈现标签（包括文本、过渡）。
   PS：要小心，translateZ 有时有问题，不要在 Mac 上非必要时使用