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)
http://jsbin.com/ojeqe3/16/
Screen capture
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
font-weight:normal
(as shown in demo)-webkit-text-strok
e or text-shadow
to make it look "bold" (plus iPad only css - body prefix added by js, not only media query)Had the same issue with an h1
inheriting the font-weight: bold;
from a parent class. Just overwrite the inherited style with a font-weight: normal;
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With