安卓app開發(fā)文件,在線開發(fā)安卓app

uniapp使用思源宋體開發(fā)App,安卓文字顯示延遲

更新于：2021-09-08

一、問題描述

客戶想要一款開發(fā)，的App，要求模仿學(xué)習(xí)力。其中，文字要求思源宋體。隨著開發(fā)接近尾聲，發(fā)現(xiàn)思源宋體在安卓真機(jī)上存在文字顯示延遲的問題。

二.解決方法

1.思源宋體字體包由七種字體組成，字體內(nèi)容如下：

2.我在開發(fā)使用SourceHanSerifCN-Medium-6.otf

3.安卓真機(jī)測試，字體顯示延遲應(yīng)該在0.5秒到1秒之間，蘋果機(jī)可以直接顯示；

4.要解決這個(gè)問題，當(dāng)字體大于40Kb時(shí)，建議轉(zhuǎn)換為base64使用字體轉(zhuǎn)換為base64的網(wǎng)站，轉(zhuǎn)換字體，得到一個(gè)很長的常恒字符串，復(fù)制，粘貼，粘貼，保存，編譯器粘貼。原因是字體是11M，即使轉(zhuǎn)換成base64字符串也很大，直接放棄；

4.2嘗試字體蜘蛛壓縮。在項(xiàng)目目錄下安裝font-spider，成功安裝node_modles中顯示的font-spider插件。根據(jù)在線教程修改，需要在中轉(zhuǎn)換字體。otf格式轉(zhuǎn)換為。ttf格式。上網(wǎng)找到。otf到。ttf工具。這里有個(gè)坑。有些網(wǎng)站提供在線otf到ttf，但轉(zhuǎn)換后的文件很小。建議應(yīng)用轉(zhuǎn)換后的字體，看看轉(zhuǎn)換是否成功。我用的是windows工具，轉(zhuǎn)換后的文件還是11M。使用這個(gè)ttf文件，壓縮。因?yàn)橐米煮w是全局引用頁面{ font-family 3360 xx }，所以壓縮命令改為font-spiderApp.vue的真實(shí)機(jī)器測試。font-spider .可以成功獲得，但延遲仍然是由于壓縮字體仍然很大，為11M。

4.3返回問題本身，字體延時(shí)顯示在0.5-1秒之間；我們打開頁面，發(fā)送的網(wǎng)絡(luò)請(qǐng)求大部分都在1秒以內(nèi)，不會(huì)影響用戶的使用效果。在客戶堅(jiān)持使用思源宋體的前提下，我們以0.5秒的延遲顯示每一頁；再加上網(wǎng)絡(luò)請(qǐng)求時(shí)間和數(shù)據(jù)渲染時(shí)間，可以避免字體顯示延遲的問題。同時(shí)，我們還可以在頁面顯示中加入動(dòng)畫效果，提升用戶體驗(yàn)。

以上uniapp采用了安卓真機(jī)上延遲顯示的解決方案。