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

Question

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

WebKit中的字体-webkit-font-smoothing: antialiased:

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

问题是-webkit-font-smoothing: antialiased，它禁用标准子像素字体平滑。尝试阅读此内容