我在网站上使用了定制的Web字体。为了设置渲染输出的样式，我使用了以下代码：
//-webkit-text-stroke-width: .05px;
//-webkit-text-stroke-color: white;
-webkit-font-smoothing: antialiased;
此功能在Safari和Chrome上正常工作（边缘更锐利，线条更细）。有什么方法可以在Firefox和Opera上实现相同的样式吗？
由于自版本15.0 -webkit-font-smoothing: antialiased起Opera就由Blink供电，因此在Opera上也可以使用。
Firefox终于添加了一个属性以启用灰度抗锯齿。长时间输入discussion后，它将在版本25中以另一种语法提供，指出该属性仅在OS X上有效。
-moz-osx-font-smoothing: grayscale;
这应该解决在深色背景上模糊的图标字体或浅色文本。
.font-smoothing {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
您可以阅读my post about font rendering on OSX，其中包括处理两个属性的Sass mixin。
嗯，Firefox不支持类似的功能。
在Mozilla的参考页中，指定font-smooth，因为CSS属性控制呈现字体时抗锯齿的应用，但是此属性已从该规范中移除，并且当前不在标准轨道上。] >
仅Webkit浏览器支持此属性。
如果您需要替代方法，可以检查以下内容：
案例：在深色背景Firefox（v35）/ Windows上具有锯齿状网络字体的浅色文本
[遇到问题后，我发现我的WOFF文件未正确完成，我向FontSquirrel发送了一个新的TTF，这给了我一个适当的WOFF，它在Firefox中很平滑，而没有添加任何额外的CSS。
...在body标记中，这些内容和字体通常看起来更好...
当文本颜色为深色时，在Safari和Chrome中，使用文本笔触css属性可获得更好的效果。
添加中