uniapp使用思源宋体开发app,安卓文字显示延迟

uniapp使用思源宋体开发app，安卓文字显示延迟。

更新于：2021-09-08。

一、问题描述。

开发一个应用程序，客户需要模仿学习的力量。其中，文字要求思源宋体。当开发接近尾声时，发现思源宋体存在安卓真机上文字显示延迟的问题。

二.解决方法

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采用思源宋体的解决方案，在安卓真机上延迟显示。