Как сглаживания текста в SVG в Firefox

кто-нибудь знает лучший способ анти-псевдоним svg текст, который будет работать в Firefox?

я попробовал 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/

этот пример отображается в IE9 на моем ПК (Windows)

6
antialiasing firefox svg

2 ответов

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/

9

попробуйте атрибут" text-rendering".
text-rendering = "optimizeLegibility"

2