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

問題困惑如題。

設(shè)計(jì)網(wǎng)站，用到了個(gè)性字體，比如：下面這三種字體，所以網(wǎng)上下載，本地導(dǎo)入。

圖片描述

可是卻導(dǎo)致每次加載網(wǎng)頁，加載字體耗時(shí)太久，表現(xiàn)的就是每次刷新頁面，文字總是最后顯示。

極其不好的用戶體驗(yàn)，感受下問題，如何解？圖片描述

回答

編輯回答

嘟尛嘴

字體文件一般設(shè)置永久緩存。

2017年8月24日 03:55

編輯回答

瘋浪

字體這個(gè)事是這樣：

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

2017年11月18日 12:56

熱門機(jī)構(gòu)

北大青鳥昌平校區(qū)

北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景，秉承“教育改變生活”的發(fā)展理念，致力于培養(yǎng)中國IT技能型緊缺人才，是大數(shù)據(jù)專業(yè)的國家
達(dá)內(nèi)教育

達(dá)內(nèi)教育集團(tuán)成立于2002年，是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu)，是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市，融資1
北大課工場

北大課工場是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國家深化產(chǎn)教融合／校企合作的政策，積極推進(jìn)“中國制造2025”，實(shí)現(xiàn)中華民族偉大復(fù)興的升級產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰

博為峰，中國職業(yè)人才培訓(xùn)領(lǐng)域的先行者

熱門課程

熱門教師

劉國斌Java講師

曾工作于聯(lián)想擔(dān)任系統(tǒng)開發(fā)工程師，曾在博彥科技股份有限公司擔(dān)任項(xiàng)目經(jīng)理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作，曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
王克晶Java講師

浪潮集團(tuán)項(xiàng)目經(jīng)理。精通Java與.NET 技術(shù)，熟練的跨平臺面向?qū)ο箝_發(fā)經(jīng)驗(yàn)，技術(shù)功底深厚。授課風(fēng)格授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
張老師web前端講師

精通HTML5和CSS3；Javascript及主流js庫，具有快速界面開發(fā)的能力，對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
劉蒼松Java教研總監(jiān)

具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國Software AG 技術(shù)顧問，美國Dachieve 系統(tǒng)架構(gòu)師，美國AngelEngineers Inc. 系統(tǒng)架構(gòu)師。

熱門城市

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