-webkit-font-smoothing：Firefox 中的抗锯齿等效项？答案

【问题标题】：-webkit-font-smoothing: antialiased equivalent in firefox?-webkit-font-smoothing：Firefox 中的抗锯齿等效项？
【发布时间】：2012-10-29 02:40:35
【问题描述】：

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

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

Firefox 中的字体：

如您所见，Firefox 中的文本比 Webkit 中的要胖。如果没有 -webkit-font-smoothing: antialiased，文本在 Webkit 中的外观与在 Firefox 中的外观相同。

【问题讨论】：

在FF19中遇到完全相同的问题
Firefox 的类型很烂。
您找到解决方案了吗？我有一个类似的问题，显然它与亚像素渲染有关。

标签： css firefox fonts

【解决方案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  */
}

【讨论】：

但这仅适用于 MAC OS 系统。在我看来，这一点非常重要。
@kwoxer > 新的 Mac-OS-only 非标准 CSS 属性

【解决方案2】：

问题是-webkit-font-smoothing: antialiased，它禁用了标准的亚像素字体平滑。试试看this

【讨论】：

【解决方案3】：

据我所知，Firefox 具有您默认的行为，因此无需明确请求...

【讨论】：

【解决方案4】：

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

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

【讨论】：

我已经更新了我的答案，希望你现在明白我的意思。不幸的是，在这里添加阴影不起作用。