7

有谁知道将在 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>

我已将此上传到http://jsfiddle.net/KJhrY/

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

4

2 回答 2

10

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

因此对于 Firefox 25，您可以使用：

.yourclass{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

Firefox 25可能会在2013 年 10 月 29 日十月末发布的某个地方发布。
每晚构建可以在http://nightly.mozilla.org/找到

于 2013-08-19T09:32:32.687 回答
2

尝试“文本渲染”属性。
text-rendering = "optimizeLegibility"

于 2013-01-19T07:53:34.960 回答