iOS 4.2+ webfont（ttf）的粗体字体重量渲染错误 [英] iOS 4.2+ webfont (ttf) 's bold font-weight rendering bug

问题描述

这个很具体：指定ttf字体渲染 font-weight：bold 不正确的iOS移动safari，开放演示网站与iphone / ipad与iOS 4.2 / 4.3 Beta 3或更高版本：

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:

（这是来自google字体的Reenie + Beanie）

(this is Reenie+Beanie from google fonts)

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

< a href =http://img.ly/images/730341/full =noreferrer>屏幕截图

您会看到粗体字体请查看双重呈现。这对于小和中等字体大小并不重要，但对于大字体大小/放大非常重要。

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

我的朋友会将此错误报告给苹果。但是，他能做什么来解决这个bug？ （杀死文本调整不是确定）

My friend will report this bug to apple. However, anything he can do to solve the bug? (kill the text-adjust is not OK)

更新：
这是不固定

我知道这个问题的最佳解决方案是

The best solution I know for the problem will be

1. 使用 font-weight：normal （如演示中所示）


2. 使用 -webkit-text-strok e或 text-shadow 使其看起来像bold（加iPad仅css-由js添加的正文前缀，不仅是媒体查询） / li>
   

1. Use font-weight:normal (as shown in demo)
2. Use either -webkit-text-stroke or text-shadow to make it look "bold" (plus iPad only css - body prefix added by js, not only media query)

推荐答案

与 h1 从父类继承 font-weight：bold; 。只需用 font-weight：normal;

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;

这篇关于iOS 4.2+ webfont（ttf）的粗体字体重量渲染错误的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！