22

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

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

在此处输入图像描述

Firefox 中的字体：

在此处输入图像描述

如您所见，Firefox 中的文本比 Webkit 中的要胖。如果没有-webkit-font-smoothing: antialiased，则 Webkit 中的文本看起来与 Firefox 中的相同。

4

4 回答 4

29

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  */
}
于 2013-11-03T19:55:13.007 回答
1

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

于 2013-07-12T16:03:36.210 回答
1

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

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

于 2012-11-08T20:34:07.280 回答
0

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

于 2012-11-09T08:05:43.417 回答