13590461663
開始制作
13590461663
更新于：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.要解決這個問題，當(dāng)字體大于40Kb時，建議轉(zhuǎn)換為base64使用字體轉(zhuǎn)換為base64的網(wǎng)站，轉(zhuǎn)換字體，得到一個很長的常恒字符串，復(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工具。這里有個坑。有些網(wǎng)站提供在線otf到ttf，但轉(zhuǎn)換后的文件很小。建議應(yīng)用轉(zhuǎn)換后的字體，看看轉(zhuǎn)換是否成功。我用的是windows工具，轉(zhuǎn)換后的文件還是11M。使用這個ttf文件，壓縮。因?yàn)橐米煮w是全局引用頁面{ font-family 3360 xx }，所以壓縮命令改為font-spiderApp.vue的真實(shí)機(jī)器測試。font-spider .可以成功獲得，但延遲仍然是由于壓縮字體仍然很大，為11M。
4.3返回問題本身，字體延時顯示在0.5-1秒之間；我們打開頁面，發(fā)送的網(wǎng)絡(luò)請求大部分都在1秒以內(nèi)，不會影響用戶的使用效果。在客戶堅(jiān)持使用思源宋體的前提下，我們以0.5秒的延遲顯示每一頁；再加上網(wǎng)絡(luò)請求時間和數(shù)據(jù)渲染時間，可以避免字體顯示延遲的問題。同時，我們還可以在頁面顯示中加入動畫效果，提升用戶體驗(yàn)。
以上uniapp采用了安卓真機(jī)上延遲顯示的解決方案。
官方微信
?2012-2025 AppPark.cn
深圳市致宇天承科技有限公司
粵公網(wǎng)安備 44030602002171號
