Phonegap iOS 应用程序的字体无法正确呈现答案

【问题标题】：Font is not rendering properly for Phonegap iOS appPhonegap iOS 应用程序的字体无法正确呈现
【发布时间】：2012-08-10 11:03:02
【问题描述】：

当我们在 iPhone4 (retina display) 屏幕上使用 safari 浏览器渲染我们的模板屏幕时，UI 显示没有任何问题。我移植了与 Phonegap iOS 应用程序相同的模板代码。移植后的 UI 字体在 phonegap 原生应用中增加。我在代码中使用了以下视口元标记：

<meta name="viewport" content="width=device-width,initial-scale=0.5 maximum-scale=0.5; user-scalable=0;">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta content='True' name='HandheldFriendly' />

有人能解释一下为什么字体大小在 safari 浏览器中正确呈现，但在 Phonegap iOS 应用程序中却没有吗？

【问题讨论】：

标签： jquery jquery-mobile cordova

【解决方案1】：

我找到了问题的根本原因，这是因为 cordova.plist 文件中的“EnableViewPortScale”值。我们应该将此值设置为“YES”，但在我的项目设置中它是“No”。

将此值设置为“YES”解决了我的问题。

【讨论】：

在 cordova.xml 中，可能的值为 'true' 和 'false'。

【解决方案2】：

您可以尝试-webkit-text-size-adjust 并将其设置为 100%。

造成这种情况的另一原因可能是您在容器处于硬件加速模式时将 -webkit-transform 设置为容器并且字体有点模糊。

【讨论】：

【解决方案3】：

我相信移动 Safari 使用 .svg 进行字体渲染。因此，如果您使用的非标准字体可能是一个可以查看的地方。

【讨论】：