-webkit-字体平滑:抗锯齿等效在Firefox?(-webkit-font-smoothing

2019-07-03 16:19发布

我使用的是非常有用的CSS属性-webkit-font-smoothing: antialiased在WebKit浏览器,以确保头条新闻等不错的精细文本是否有在Firefox同等的财产?

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

字体在Firefox:

正如你可以看到Firefox中的文本比的Webkit胖。 如果没有-webkit-font-smoothing: antialiased ,文字看起来WebKit中一样在Firefox。

Answer 1:

火狐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 ,其禁用标准子像素字体平滑。 尝试读取这个



Answer 4:

Firefox拥有你默认之后是行为,据我所知,所以没有必要明确要求它...



文章来源: -webkit-font-smoothing: antialiased equivalent in firefox?