如何在Firefox中反锯齿SVG文本 [英] How to antialias SVG text in Firefox

查看:232
本文介绍了如何在Firefox中反锯齿SVG文本的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

有谁知道最好的方法来消除在Firefox中可以工作的svg文本?

Does anyone know the best way to anti-alias svg text that will work in Firefox?

我尝试了text-antialias:true,但这没有效果,我也尝试过使用笔画颜料,但是这只是增加了字体,并不是我喜欢的。

I tried text-antialias:true but this has no effect, and also I tried using a stroke paint but this just thickens up the font and is not what I like.

Example:

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

这个例子在我的电脑(Windows)IE9中显示反锯齿

I have uploaded this to http://jsfiddle.net/KJhrY/

推荐答案

a>为mox-osx-font-smoothing属性!

So for firefox 25 you can use:

因此对于firefox 25,您可以使用:

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

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

Firefox 25 可能会在 Oktober结束 于2013-10-29发布。

每晚可以找到< a href =http://nightly.mozilla.org/> http://nightly.mozilla.org/

Firefox 25 will probably be released somewhere at the end of Oktober was released on 2013-10-29.
Nightly builds can be found at http://nightly.mozilla.org/

这篇关于如何在Firefox中反锯齿SVG文本的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆