如何防止使用 Monaca 构建的 Cordova 应用程序使用默认系统字体大小？答案

【问题标题】：How to prevent a Cordova application built with Monaca from using default system font-size?如何防止使用 Monaca 构建的 Cordova 应用程序使用默认系统字体大小？
【发布时间】：2016-11-28 21:45:53
【问题描述】：

我正在开发小型 cordova 移动应用程序，所以我一直在使用 Monaca 和 Onsen UI，因为它们对这些事情非常有用和有帮助

我遇到的问题是，当我在手机中运行应用程序时，我得到的字体非常小，因为我在手机中使用的是小字体，但是当我将其设置为中或小时，它们的应用程序看起来不错

问题是：如何防止我的应用使用默认系统字体大小
我什至添加了 Mobile Accessibility 插件，但似乎 Monaca 还不支持它

【问题讨论】：

Monaca 支持所有 Cordova / Phonegap 插件。您必须有一个付费开发者帐户才能将它们包含在您的项目中。在混合应用程序中，字体由 CSS 控制。为您的文本分配一个类并以这种方式控制它。
谢谢@Munsterlander 我知道，但我还是初学者，我还不能为这些服务付费，而且我很清楚我可以使用 css 控制一切，但是每次我更改字体样式时都会出现问题例如，如果我将文本设置为 50 像素，它在其他设备中看起来会不一样（相同的屏幕但不同的分辨率）
查看这篇文章：stackoverflow.com/questions/25768602/…
对不起字体大小一直在变化

标签： android cordova fonts onsen-ui monaca

【解决方案1】：

第一个选项：

HERE 是一个用于 Cordova 的库，可让您忽略用户设备默认的文本缩放、屏幕阅读和颜色反转。

然后您将通过以下方式实现：

if($window.MobileAccessibility){
        $window.MobileAccessibility.usePreferredTextZoom(false);//Dont Scale Text
    }

这适用于 Ionic 框架，并且由于它是一个 Cordova 库，它也应该适用于 Monaca。

这个实现应该在Cordova deviceready调用之后使用。

第二个选项：

在正常的 Android 开发中，为了解决这个问题，开发人员会为 UI 元素使用 DP，但在 HTML/CSS 构建的应用程序中，我们无权访问它。

您将改为定位 CSS 属性：

vw: 1/100th viewport width
vh: 1/100th viewport height
vmin: 1/100th of the smallest side
vmax: 1/100th of the largest side

缺点包括：无法在 Opera 或 iOS 设备上正常运行。

另请注意：此行为的原因是设备和应用程序应根据适当的 UI/UX 设计编织在一起。这意味着任何用户设置的设备 UI/UX 设置也应该被带到他们使用的任何应用程序中。

虽然确实如此，但只要存在有意的 UX/UI 目的，并且设计不仅仅用于看起来“漂亮”，这些规则通常会被忽略。

请记住，根据需要/使用情况，可能还有许多其他选项可供选择

【讨论】：