iphone - iOS 4.2+ webfont (ttf) 的粗体字体渲染错误

Question

这个非常具体:在 iOS 移动版 safari 上错误地指定 ttf 字体渲染 font-weight:bold，使用 iOS 4.2/4.3 Beta 3 或更高版本的 iphone/ipad 打开演示站点:

(这是来自谷歌字体的 Reenie+Beanie)

http://jsbin.com/ojeqe3/16/

Screen capture

您会看到粗体字体看起来双重呈现。这对于中小字体来说意义不大，但是对于大字体来说非常重要-放大/放大

我的 friend 会向苹果报告这个错误。但是，他能做些什么来解决这个问题？ (kill the text-adjust is not OK)

更新:此问题在 iOS5 中未修复。

我所知道的最好的解决方案是

1. 使用font-weight:normal(如demo所示)
2. 使用 -webkit-text-stroke 或 text-shadow 使其看起来“粗体”(加上 iPad only css - body prefix added by js, not仅媒体查询)

Answer 1

从父类继承 font-weight: bold; 的 h1 也有同样的问题。只需用 font-weight: normal;

覆盖继承的样式