我的网站上使用了定制的网络字体。为了设置渲染输出的样式，我使用了以下代码：
//-webkit-text-stroke-width: .05px;
//-webkit-text-stroke-color: white;
-webkit-font-smoothing: antialiased;
这在 Safari 和 Chrome 上效果很好（边缘更锐利，线条更细）。
有没有办法在 Firefox 和 Opera 上实现相同的风格？
由于 Opera 自 15.0 版本起由 Blink 提供支持-webkit-font-smoothing: antialiased也适用于 Opera。
Firefox 终于添加了启用灰度抗锯齿的属性。经过很长一段时间讨论 https://bugzilla.mozilla.org/show_bug.cgi?id=857142它将在版本 25 中以另一种语法提供，该语法指出该属性仅适用于 OS X。
-moz-osx-font-smoothing: grayscale;
这应该可以修复深色背景上模糊的图标字体或浅色文本。
.font-smoothing {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
您可以阅读我关于 OSX 上字体渲染的文章 http://max.hn/thoughts/better-font-rendering-on-osx其中包含一个 Sass mixin 来处理这两个属性。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
