如何在Firefox中对抗SVG文本

Mar*_*ici 7 firefox svg antialiasing

有谁知道在Firefox中使用反别名svg文本的最佳方法?

我试过text-antialias:true但是没有效果,而且我尝试使用描边颜料,但这只会增加字体并且不是我喜欢的.

例:

<!DOCTYPE html>
<html>
<body>
<svg height="100" width="500">
<text y="50" x="250" text-anchor="middle" style="font-size: 40px" >Hello</text>
</svg>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

我把它上传到http://jsfiddle.net/KJhrY/

此示例在我的PC上的IE9中显示抗锯齿(Windows)

Tie*_*eme 10

Firefox 25 将支持 mox-osx-font-smoothing属性!

所以对于firefox 25你可以使用:

.yourclass{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
Run Code Online (Sandbox Code Playgroud)

Firefox 25 可能会在Oktober于2013-10-29 发布时的某个地方发布.
每晚构建可在http://nightly.mozilla.org/找到