app字體大小產生的問題的一種解決方案

好不容易通過基本測試，然後發給用戶試用的app，可能會因為字體問題遭客戶投訴。今天我就遇到了一種：當用戶將手機系統字體設置為大號時，使用app就會出現文字重疊和文字越界的問題，而且排版相當的不美觀。

對於這種無法估計用戶會設置什麼型號字體的情況，淘寶等著名app提供的方案是統一使用規定大小的字體字號，而且禁止系統字體設置對自己的app產生影響。

這裡講一下我用到的ionic怎麼禁止用戶修改系統字體，即是app不隨系統字體改變。

首先我們要用到一個官方插件：

ionic cordova plugin add phonegap-plugin-mobile-accessibilitynpm install --save @ionic-native/mobile-accessibility

如果你在添加插件的時候報錯，插件下載失敗請移步到git上下載https://github.com/phonegap/phonegap-mobile-accessibility或者直接在你的編譯器下輸入下面一行代碼進行下載$ cordova plugin add https://github.com/phonegap/phonegap-mobile-accessibility.git

都下完後，你可以在app.module.ts引入一下文件：

import { MobileAccessibility } from '@ionic-native/mobile-accessibility';@NgModule({providers: [...MobileAccessibility,})接著在app.component.ts引入以下文件import { MobileAccessibility } from '@ionic-native/mobile-accessibility';constructor(....,private mobileAccessibility: MobileAccessibility) {this.mobileAccessibility.usePreferredTextZoom(false);}

這就是我遇到的問題記錄，希望對大家有用。