如何抗鋸齒SVG的文本在Firefox

有誰知道抗鋸齒的最好辦法SVG的文本，將在Firefox中工作？如何抗鋸齒SVG的文本在Firefox

我試過文本抗鋸齒：真實的，但沒有任何效果的，也是我試圖用一個筆畫的油漆，但是這只是增厚了的字體，而不是我喜歡的。

例子：

<!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抗鋸齒我的PC（Windows）中

來源

2013-01-19 Martin Capodici

發現這看起來反鋸齒就好在Firefox 17/Vista的 –

@邁克爾 - 是的，它正常工作與Firefox的另一臺PC上。雖然我在使用v18的機器上無法正常工作。也許反鋸齒是我不能假設爲我的所有觀衆工作的，至少在此刻。 –

哎 - 是的，我在FF18/OSX上看到它。我會用Mozilla提交一個bug。 –

Firefox 25 will have support用於mox-osx-font-smoothing屬性！

所以對Firefox 25，你可以使用：

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

火狐25 ~~很可能會在 end of Oktober~~ 某處釋放了發佈於2013年10月29日。
每晚構建可以在http://nightly.mozilla.org/

來源

2013-08-19 09:32:32 Tieme

哦好玩，有趣好玩 –

在OSX 10.7.5至少工作與Firefox 25公開發布。 – sampoh

試試「文本渲染」屬性上。
text-rendering =「optimizeLegibility」

來源

2013-01-19 07:53:34 defghi1977

Firedox目前不支持這一點。 –

試了一下：看不出來，這有任何影響。 –

如何抗鋸齒SVG的文本在Firefox

回答

相關問題