更新于：2021-09-08
一、问题描述
客户想要一款开发，的App，要求模仿学习力。其中，文字要求思源宋体。随着开发接近尾声，发现思源宋体在安卓真机上存在文字显示延迟的问题。
二.解决方法
1.思源宋体字体包由七种字体组成，字体内容如下：
2.我在开发使用SourceHanSerifCN-Medium-6.otf
3.安卓真机测试，字体显示延迟应该在0.5秒到1秒之间，苹果机可以直接显示；
4.要解决这个问题，当字体大于40Kb时，建议转换为base64使用字体转换为base64的网站，转换字体，得到一个很长的常恒字符串，复制，粘贴，粘贴，保存，编译器粘贴。原因是字体是11M，即使转换成base64字符串也很大，直接放弃；
4.2尝试字体蜘蛛压缩。在项目目录下安装font-spider，成功安装node_modles中显示的font-spider插件。根据在线教程修改，需要在中转换字体。otf格式转换为。ttf格式。上网找到。otf到。ttf工具。这里有个坑。有些网站提供在线otf到ttf，但转换后的文件很小。建议应用转换后的字体，看看转换是否成功。我用的是windows工具，转换后的文件还是11M。使用这个ttf文件，压缩。因为引用字体是全局引用页面{ font-family 3360 xx }，所以压缩命令改为font-spiderApp.vue的真实机器测试。font-spider .可以成功获得，但延迟仍然是由于压缩字体仍然很大，为11M。
4.3返回问题本身，字体延时显示在0.5-1秒之间；我们打开页面，发送的网络请求大部分都在1秒以内，不会影响用户的使用效果。在客户坚持使用思源宋体的前提下，我们以0.5秒的延迟显示每一页；再加上网络请求时间和数据渲染时间，可以避免字体显示延迟的问题。同时，我们还可以在页面显示中加入动画效果，提升用户体验。
以上uniapp采用了安卓真机上延迟显示的解决方案。
官方微信
©2012-2024 AppPark.cn
深圳市致宇天承科技有限公司
粤公网安备 44030602002171号
