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

Question

我正在将一个现有的网站移植到 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';
}

How I include the fonts.

iOS 5 运行良好。

Answer 1

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