This one is quite specify: specify ttf font rendering font-weight:bold
incorrectly on iOS mobile safari, open demo site with iphone/ipad with iOS 4.2/4.3 Beta 3 or above:
(this is Reenie+Beanie from google fonts)
You see the bold font look double rendered. This is not significant for small and medium font size, but quite significant for large font-size / zoom in
My friend will report this bug to apple. However, anything he can do to solve the bug? (kill the text-adjust is not OK)
Update: This one is not fixed in iOS5.
The best solution I know for the problem will be
- Use
font-weight:normal
(as shown in demo) - Use either
-webkit-text-strok
e ortext-shadow
to make it look "bold" (plus iPad only css - body prefix added by js, not only media query)