title: iOS 4.2+ webfont (ttf) 's bold font-weight rendering bug
body: <p>This one is quite specify: specify ttf font rendering <code>font-weight:bold</code> incorrectly on iOS mobile safari, open demo site with iphone/ipad with iOS 4.2/4.3 Beta 3 or above:</p>
  
  <p>(this is Reenie+Beanie from google fonts)</p>
  
  <p><a href="http://jsbin.com/ojeqe3/16/" rel="noreferrer">http://jsbin.com/ojeqe3/16/</a></p>
  
  <p><a href="http://img.ly/images/730341/full" rel="noreferrer">Screen capture</a></p>
  
  <p>You see the bold font look <strong>double rendered</strong>. This is not significant for small and medium font size, but quite significant for large font-size / zoom in</p>
  
  <p>My friend will report this bug to apple. However, anything he can do to solve the bug? (kill the text-adjust <strong>is not</strong> OK)</p>
  
  <p>Update:
  This one is <strong>not fixed</strong> in iOS5.</p>
  
  <p>The best solution I know for the problem will be</p>
  
  <ol>
  <li>Use <code>font-weight:normal</code> (as shown in demo)</li>
  <li>Use either <code>-webkit-text-strok</code>e or <code>text-shadow</code> to make it look "bold" (plus iPad only css - body prefix added by js, not only media query)</li>
  </ol>