title: How to antialias SVG text in Firefox
body: <p>Does anyone know the best way to anti-alias svg text that will work in Firefox?</p>
  
  <p>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.</p>
  
  <p>Example:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;body&gt;
  &lt;svg height="100" width="500"&gt;
  &lt;text y="50" x="250" text-anchor="middle" style="font-size: 40px" &gt;Hello&lt;/text&gt;
  &lt;/svg&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I have uploaded this to <a href="http://jsfiddle.net/KJhrY/">http://jsfiddle.net/KJhrY/</a></p>
  
  <p>This example appears antialiased in IE9 on my PC (Windows)</p>