-webkit-font-smoothing：firefox中的抗锯齿等价物？

Question

我在webkit浏览器中使用非常有用的CSS属性-webkit-font-smoothing: antialiased来确保标题上的精美文本等等。在Firefox中是否有相同的属性？

带有-webkit-font-smoothing: antialiased的WebKit中的

字体：

Firefox中的

字体：

正如您所看到的，Firefox中的文本比Webkit中的文本更胖。如果没有-webkit-font-smoothing: antialiased，则Webkit中的文本与Firefox中的文本相同。

Answer 1

Firefox 25+（2013-10-29）支持新的仅支持macOS的非标准CSS属性-moz-osx-font-smoothing，与WebKit的-webkit-font-smoothing有效。

因此，此代码应在Firefox和WebKit中提供一致的结果：

.example {
    -moz-osx-font-smoothing: grayscale;   /* Firefox */
     -webkit-font-smoothing: antialiased; /* WebKit  */
}

Answer 2

有一次，firefox有一个font-smooth，但它被删除了，据我所知，当前曲目中根本没有包含它。我做了一些谷歌搜索，并没有看到任何迹象表明会有任何改变。

作为替代方案，您可以尝试一种解决方法，例如：http://www.elfboy.com/blog/text-shadow_anti-aliasing/。

Answer 3

问题是-webkit-font-smoothing: antialiased，它禁用标准子像素字体平滑。 请阅读this

Answer 4

据我所知，默认情况下Firefox会有你所遵循的行为，因此无需明确请求它......