-webkit-font-smoothing：在firefox中的抗锯齿等价物？ [英] -webkit-font-smoothing: antialiased equivalent in firefox?

问题描述

我在webkit浏览器中使用非常有用的CSS属性 -webkit-font-smoothing：antialiased

I'm using the very useful CSS property -webkit-font-smoothing: antialiased in webkit browsers to ensure nice fine text on headlines etc. Is there an equivalent property in Firefox?

WebKit中的字体，带有 -webkit-font-smoothing：antialiased ：

Font in WebKit with -webkit-font-smoothing: antialiased:

>

Firefox中的字体：

Font in Firefox:

正如你所看到的，Firefox中的文本比Webkit中的文本要好。没有 -webkit-font-smoothing：antialiased ，文本在Firefox中与Webkit相同。

As you can see the text in Firefox is fatter than in Webkit. Without -webkit-font-smoothing: antialiased, the text looks the same in Webkit as in Firefox.

推荐答案

Firefox 25添加了一个新的仅适用于Mac OS的非标准CSS属性 -moz-osx-font-smoothing 有效地类似于WebKit的 -webkit-font-smoothing 。

Firefox 25 adds a new Mac-OS-only nonstandard CSS property -moz-osx-font-smoothing effectively similar to WebKit’s -webkit-font-smoothing.

因此，在Firefox中的 -moz-osx-font-smoothing：grayscale 现在应该具有类似 -webkit-font-smoothing：在WebKit中取消抗锯齿。

So -moz-osx-font-smoothing: grayscale in Firefox should now have a result similar to -webkit-font-smoothing: antialiased in WebKit.

这篇关于-webkit-font-smoothing：在firefox中的抗锯齿等价物？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！