首頁猿問如何解決網(wǎng)站加載本地個性字體耗時太久？

如何解決網(wǎng)站加載本地個性字體耗時太久？

JavaScript

有只小跳蛙 2019-03-15 18:14:17

問題困惑如題。設(shè)計網(wǎng)站，用到了個性字體，比如：下面這三種字體，所以網(wǎng)上下載，本地導(dǎo)入?？墒菂s導(dǎo)致每次加載網(wǎng)頁，加載字體耗時太久，表現(xiàn)的就是每次刷新頁面，文字總是最后顯示。極其不好的用戶體驗，感受下問題，如何解？

查看完整描述

2 回答

狐的傳說

TA貢獻1804條經(jīng)驗獲得超3個贊

字體這個事是這樣：

首先，在設(shè)計階段，設(shè)計要被告知可以用個性字體，但是最終呈現(xiàn)時可能不會100%被還原，用戶仍有可能使用默認字體，并且加載字體所產(chǎn)生的白屏/差呈現(xiàn)時間需要計入評估；
產(chǎn)品應(yīng)被告知，頁面提供字體下載所產(chǎn)生的版權(quán)問題需要計入評估；
繞開版權(quán)有兩種方法：僅寫入樣式但不提供下載則沒有版權(quán)問題，或者使用明確的免授權(quán)可商用字體(如思源黑)。當(dāng)然如果是付費拿到授權(quán)那么請忽略此條；
技術(shù)上建議采用多種字體回退的方式，并且保留并指定相應(yīng)的系統(tǒng)默認字體；
優(yōu)化上，應(yīng)盡量減少覆蓋的字重，并且有可能的話，需要壓縮字體（使用工具軟件剔除頁面上沒有用到的字體，注意這個也需要字體文件本身提供相應(yīng)的編輯權(quán)限才行），可選工具有字蛛、Fontmin等。