iphone上使用font-face的不同行高答案

【问题标题】：Different line-height on iphone using font-faceiphone上使用font-face的不同行高
【发布时间】：2011-06-19 20:37:01
【问题描述】：

为了使文本在框中垂直居中，我使用与框高度相同的行高。它在 iphone 上完美适用于系统字体。但是，当我使用@font-face 时，我必须将至少 3px 广告添加到 iphone 的行高，否则文本不再垂直居中（向上或 3px）。

有人知道为什么吗？

【问题讨论】：

【解决方案1】：

您是否尝试过添加到 CSS 中：

myel {
  -webkit-text-size-adjust: none;
}

【讨论】：

【解决方案2】：

已解决：

问题是我仍然在我的 3G 上使用 OS 3.1.3，因为我在使用 4.2 时的性能体验很糟糕。

无论如何，更新到最新的操作系统 4.2 解决了 Mobile Safari 中与 font-face 一起使用的字体的行高问题。

【讨论】：

遗憾的是，我在 Mac 版 Safari 和 Windows 版 Safari 之间遇到了这个问题 - 在 Windows 上，文本位置是我所期望的 - 在 Mac 上，我尝试过的任何东西都不会垂直居中文本除了向元素添加顶部填充（这当然需要 hack，否则它在 Windows 和其他浏览器上看起来很奇怪。）
即使在两台机器上都有最新更新？这碰巧很奇怪。毕竟我开始使用不同的填充技巧来让它在每台机器上都达到完美像素。所以最终它在某种程度上取决于你试图实现像素完美的东西。但可以肯定的是，我很高兴知道这个问题是否有整体解决方案。