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

Question

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

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

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

Answer 1

第一个选项：

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

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

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

这适用于 Ionic 框架，因为它是一个 Cordova 库，它也应该适用于 Monaca。

此实现应在 Cordova deviceready 调用后使用。

第二个选项：

虽然在正常的 Android 开发中，为了解决这个问题，开发人员会使用 DP 作为 UI 元素，但是在 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 目的并且设计不仅仅用于外观 "pretty"，这些规则通常会被忽略。

请记住，许多其他选项可能取决于 need/use

How to prevent a Cordova application built with Monaca from using default system font-size?