首頁(yè) 猿問(wèn) 在使用@font-face標(biāo)簽加載...

在使用@font-face標(biāo)簽加載中文字體文件時(shí)，如何使頁(yè)面快速渲染

JavaScript

森林海 2019-05-22 23:16:33

當(dāng)我們使用@font-face標(biāo)簽加載中文字體文件時(shí)，字體文件可能很大，但是網(wǎng)頁(yè)中可能只是需要其中的某一些字體，但是頁(yè)面會(huì)去下載整個(gè)字體文件，那么如何避免這個(gè)問(wèn)題？或者說(shuō)有什么辦法能使網(wǎng)頁(yè)更快速的加載渲染出來(lái)？

查看完整描述

2 回答

搖曳的薔薇

TA貢獻(xiàn)1793條經(jīng)驗(yàn) 獲得超6個(gè)贊

有一些網(wǎng)站有壓縮字體的功能，大概是根據(jù)你頁(yè)面里用到的文字，剔除掉字體包里沒(méi)用到的，這樣可以很大程度上減小字體文件體積，有一個(gè)缺點(diǎn)是，你改動(dòng)了網(wǎng)頁(yè)，那么可能需要重新壓縮。如果頁(yè)面里需要到用某一字體的地方不多，建議切圖處理。

反對(duì) 回復(fù) 2019-05-22

慕桂英4014372

TA貢獻(xiàn)1871條經(jīng)驗(yàn) 獲得超13個(gè)贊

根據(jù)網(wǎng)站上用到的文字單獨(dú)壓縮成一個(gè)字體包，缺點(diǎn)就是后期維護(hù)都需要更新檢測(cè)多余的文字，一般還是情況下還是建議常規(guī)字體應(yīng)用，一些特殊的文字能借用字體圖標(biāo)的就借用字體圖標(biāo)。除非新建項(xiàng)目，老項(xiàng)目中都是設(shè)置有默認(rèn)字體的，設(shè)計(jì)稿一般都是用平方字體，設(shè)計(jì)師并沒(méi)有考慮到這些問(wèn)題，所以并不能一味的跟著設(shè)計(jì)走，需要自己根據(jù)自己的項(xiàng)目實(shí)際情況去把握！

反對(duì) 回復(fù) 2019-05-22