html - 相同的浏览器(Firefox)，相同的字体，在不同的计算机上呈现不同

Question

我有一个问题。我使用的是 titillium weblight 字体(带有标准字体外观设备——包括文本渲染:optimizeLegibility、字体粗细、行高等)。问题是字体在两台不同计算机上的 Firefox(相同版本 31.0)上呈现不同，具有相似的硬件，相同的分辨率，相同的操作系统(Windows 7)。

在第一台电脑上它正常呈现:

据我所知，在第二个上它缺乏抗锯齿:

也许每个人都应该关心的差异并不大，但对我来说重要的是这个元素的每个细节都会很好。

有人知道吗？提前致谢。

Answer 1

这三个属性在不同的浏览器上对我来说一直很有效。

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

这个问题被称为“抗锯齿”或“子像素渲染”，它与浏览器/计算机如何处理文本边缘有关。如果您好奇，可以阅读更多相关信息 here on Wikipedia .