字母'M'比其他文字更大胆

时间:2012-08-28 17:51:27

标签: google-chrome fonts windows-xp font-face

不确定是什么导致了这一点。

我在家里的W7电脑上用Chrome,FF和IE测试了这一点,没有任何问题。我也在我的Droid上查了一下,仍然没有问题。

我正在使用XP机器,这就是它在Chrome中的显示方式:

enter image description here

在FF和IE中我的XP机器上显示正常。

任何线索?

编辑:页面请求:www.terrencebowman.com(显然仍在开发中)

1 个答案:

答案 0 :(得分:2)

Chrome 21,Windows XP:

enter image description here

对我来说似乎很好。

编辑:这是一个抗锯齿的“问题”。使用标准抗锯齿(Cleartype off)时,页面与屏幕截图中的页面相同(Chrome和IE6,IE7,IE8)。 IE9和IE10浏览器完全忽略系统范围的抗锯齿设置并强制清除类型,因此这是您在计算机上看不到损坏文本的原因。

  1. 您可以忽略此问题,或者......
  2. 您可以尝试使用较小的字体(font-size:17px)而不是18px
    font-size:17px,关闭cleartype: enter image description here
  3. 我找到了一种解决方法:只在您的p标签上使用-webkit-transform: translateZ(0); 这会强制Chrome使用GPU渲染标记(包括文本,过渡) PS:小心,translateZ有时会出现问题,不需要在Mac上使用它