如何纠正移动 Safari 中的字体渲染问题？答案

【问题标题】：How to correct for font rendering issues in mobile Safari?如何纠正移动 Safari 中的字体渲染问题？
【发布时间】：2012-04-29 01:45:31
【问题描述】：

我一直遇到移动 Safari 中的字体渲染问题（我的 Mac 上的 Safari 渲染良好）。我正在使用 OpenType 字体和 @font-face 选择器，并且一些字符（主要是 's' 和 'c'）看起来比其他字符要薄得多（非常明显 - 相对于彼此看起来'light' 和其他看起来'bold'。最奇怪的是它只发生在横向模式下。有没有人见过这个？唯一能让这个消失的是设置 -webkit-transform: translate3d(0 ,0,0); 在似乎完全错误的正文选择器上，但可能会对问题有所了解。我在另一个网站上遇到过：http://openradar.appspot.com/11097956。

提前感谢您的帮助，布兰登

【问题讨论】：

你有没有运气解决这个问题？我也有同样的问题。

标签： iphone ipad mobile-safari font-face

【解决方案1】：

这看起来像您需要的： Fix font size issue on Mobile Safari (iPhone) where text is rendered inconsistently and some fonts are larger than others? 他们用这段代码来修复它：

/* Mobile browsers only */
@media only screen and (max-device-width: 480px) {      
        td#main_box { -webkit-text-size-adjust:100% }               
}

【讨论】：