iOS 4.3 在 PhoneGap 应用程序中使用了错误的字体答案

【问题标题】：iOS 4.3 uses wrong font in PhoneGap appiOS 4.3 在 PhoneGap 应用程序中使用了错误的字体
【发布时间】：2012-03-07 07:12:39
【问题描述】：

我正在将现有网站移植到 iPad 上，这样它就可以离线使用并且仍然有漂亮的字体。我正在使用 PhoneGap 来执行此操作。

我使用的字体系列包含“常规”和“压缩”版本。 iPad 5.0 模拟器在区分版本之间没有问题，但 iPad 4.3（模拟器和真实）似乎更喜欢 [app name]-Info.plist 中定义的最后一种类型。

因此，尽管在 CSS 中指定使用“Blurg-Regular”，但它使用“Blurg-Cond”。如果我切换字体的顺序，那么它更喜欢“常规”版本。在指定“Blurg-Cond”的地方，使用“Blurg-Regular”代替。

这是我正在使用的一些 CSS 的示例：

body, button, input, select, textarea,
#bd {
   font-family: 'MyriadPro-Regular';
}

#hd > h2 {
   font-family: 'MyriadPro-Cond';
}

iOS 5 运行良好。

【问题讨论】：

【解决方案1】：

将字体放在www 目录中并使用CSS 的@font-face 包含它们解决了这个问题。使用这种方法，我能够定义font-family 名称以及用于特定重量/样式的字体文件。到目前为止，我还没有注意到这种方法与我之前使用的方法之间有任何性能差异。

【讨论】：