app的字体大小怎样设置(app字体太小怎么办)
好不容易通过基本测试,然后发给用户试用的app,可能会因为字体问题遭客户投诉。今天我就遇到了一种:当用户将手机系统字体设置为大号时,使用app就会出现文字重叠和文字越界的问题,而且排版相当的不美观。
对于这种无法估计用户会设置什么型号字体的情况,淘宝等著名app提供的方案是统一使用规定大小的字体字号,而且禁止系统字体设置对自己的app产生影响。
这里讲一下我用到的ionic怎么禁止用户修改系统字体,即是app不随系统字体改变。
首先我们要用到一个官方插件:
ionic cordova plugin add phonegap-plugin-mobile-accessibility
npm 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);
}
这就是我遇到的问题记录,希望对大家有用。