开始制作
  • 做app就上应用公园
  • 安卓app开发文件,在线开发安卓app

    2021-10-05 02:00:00 来自于应用公园

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

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

    更新于: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采用了安卓真机上延迟显示的解决方案。

粤公网安备 44030602002171号      粤ICP备15056436号-2

在线咨询

立即咨询

售前咨询热线

0755-27805158

[关闭]
应用公园微信

官方微信自助客服

[关闭]