title: CSS transformed (rotated) text looks not anti-aliased in Chrome and Firefox (Windows)
body: <p>If I apply a rotation to a text, it will not render anti-aliased in Firefox and Chrome (only in Windows) but it renders correctly in IE. Also, it renders correctly in Chrome and Firefox in Mac OS X.</p>
  
  <p>Here are screenshots comparing three browsers in my Windows 8:</p>
  
  <p><a href="http://d.pr/i/9qeg" rel="noreferrer">http://d.pr/i/9qeg</a> (Chrome)</p>
  
  <p><a href="http://d.pr/i/r8i0" rel="noreferrer">http://d.pr/i/r8i0</a> (Firefox)</p>
  
  <p><a href="http://d.pr/i/crZ7" rel="noreferrer">http://d.pr/i/crZ7</a> (IE10)</p>
  
  <p>The CSS transformations for above is simply</p>
  
  <pre><code>transform: rotate(-1.5deg) translateY(-2px);
  </code></pre>
  
  <p>Here is a fiddle:</p>
  
  <p><a href="http://jsfiddle.net/sa6Nb/2/" rel="noreferrer">http://jsfiddle.net/sa6Nb/2/</a></p>
  
  <p>Any ideas?</p>