css - Chrome 与 Firefox 文本呈现的主要区别

Question

我在 Chrome 和 Firefox 之间的文本呈现方面存在一些重大差异。 Chrome 似乎对文本应用了一些抗锯齿规则并将其缩小了很多。

我试过使用 -webkit-font-smoothing、letter-spacing 和 word-spacing，但似乎没有任何效果。

查看截图

相关 CSS(计算):

color: #C4C4C4;
font-family: sans-serif;
font-size: 9px;
font-style: normal;
font-variant: normal;
font-weight: normal;

相关 CSS(计算):

font-family:    sans-serif;
font-size:  9px;
font-weight:    400;
font-style: normal;
font-size-adjust:   none
color:  #C4C4C4;
text-transform: none;
text-decoration:    none;
letter-spacing: normal;
word-spacing:   0;
line-height:    11.0833px;
text-align: start;
vertical-align: baseline;
direction:  ltr;

请注意，背景中褪色的文字只是一张图片。忽略它。

我感觉 Chrome 有一个用于反锯齿规则的 css 开关，但不确定在哪里可以找到更多信息。

编辑:

jsfiddle:http://jsfiddle.net/mHzhQ/

郑重声明，我使用的是 Ubuntu。可能这会产生影响..

有什么建议吗？

Answer 1

不同的浏览器使用不同的渲染引擎(旨在)产生不同的结果。字体较小时尤其如此。通常您对此无能为力。如果这种差异不是浏览器设计者的意图，那么这也很可能是其他操作系统已经解决的问题，但您的 (Ubuntu) 却没有。

(就是说:您是否在 Chrome 中检查了“最小字体大小”——首选项 > 引擎盖下 > 自定义字体...——和 Firefox——首选项 > 内容？)