相同的浏览器（Firefox），相同的字体，不同的计算机上的不同呈现

Question

我遇到了问题。我使用的是titillium weblight字体（使用标准的font-face设备 - 包括文本渲染：optimizeLegibility，font-weight，line-height等）。问题是，在两台不同的计算机上，Firefox（同一版本31.0）上的字体呈现方式不同，具有相似的硬件，相同的分辨率，相同的操作系统（Windows 7）。

在第一台计算机上正常呈现：

在第二个问题上，据我所知，它缺乏抗锯齿效果：

也许差异不是任何人都应该关注的那么大，但对我来说这个项目的每个细节都会很好。

任何人都有任何想法？提前致谢。

Answer 1

这三个属性在不同的浏览器中始终对我有用。

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

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