在互聯(lián)網(wǎng)技術(shù)領(lǐng)域，新的技術(shù)總是層出不窮，我們確實(shí)應(yīng)該要不斷的接受新的技術(shù)和思維方式，但也不能為了新而新。今天跟大家分享的一個(gè)小案例，就來(lái)聊聊關(guān)于網(wǎng)絡(luò)字體的事兒，在前幾天無(wú)意打開(kāi)一個(gè)網(wǎng)站發(fā)現(xiàn)很慢，見(jiàn)過(guò)查看網(wǎng)絡(luò)請(qǐng)求數(shù)據(jù)是這樣的。

這個(gè)網(wǎng)頁(yè)40個(gè)請(qǐng)求（對(duì)于普通網(wǎng)站來(lái)講還算是正常，畢竟大部分是圖片），然而頁(yè)面大小有25.8MB，打開(kāi)打開(kāi)花了20s左右的時(shí)間，只能說(shuō)網(wǎng)站和我的客戶端網(wǎng)絡(luò)帶寬足夠牛逼，否則會(huì)更加慢?？吹骄W(wǎng)絡(luò)請(qǐng)求大小，很多圖片都超過(guò)1MB，其實(shí)這些圖片在該網(wǎng)站展示出來(lái)并不大，原因就是取的原圖片，這個(gè)問(wèn)題我們?nèi)蘸笤僬f(shuō)。而最扎眼的莫過(guò)于第一個(gè)體積最大的資料，我們發(fā)現(xiàn)是一個(gè)ttf文件，顧名思義就是普通的字體文件。

該文件有14.3MB，我的天！在我們微構(gòu)網(wǎng)絡(luò)團(tuán)隊(duì)來(lái)講這是無(wú)法接受的大小，我們盡量把網(wǎng)站首頁(yè)都控制在1MB以內(nèi)，這里一個(gè)資源就超過(guò)10MB！

當(dāng)然有時(shí)候網(wǎng)站也必須加載大體積文件，如音視頻文件，一般使用懶加載（即先等頁(yè)面加載完全后再加載大文件，然后上CDN）。但這個(gè)字體文件，而且是超過(guò)10MB的字體文件這么放真的值得商榷。

為什么我們不建議這么做？

1、可以看到該字體正是非常常見(jiàn)的微軟雅黑，這個(gè)字體在win上是自帶的，因此無(wú)需通過(guò)網(wǎng)絡(luò)字體加載；而在mac和移動(dòng)端中客戶端也自帶類似的字體?？傊⒉皇莻€(gè)性化小眾的字體，使用網(wǎng)絡(luò)字體意義不是太大。

2、就算該字體是個(gè)性化小眾字體，那么為了某少部分子而加載一個(gè)10MB+的字體文件，就有點(diǎn)得不償失了。

3、雖然我不是專業(yè)的法律人士，但似乎這么用微軟雅黑字體存在侵權(quán)嫌疑。因?yàn)槲④浹藕谑欠秸陌鏅?quán)，我們調(diào)用客戶端字體，那是用戶設(shè)備自帶的，而把字體文件放在我們?cè)贫朔?wù)器上性質(zhì)應(yīng)該是不一樣的。

如果一定要用大體積的字體怎么辦？

1、如果只是極少數(shù)的文字需要個(gè)性化，那么可以用圖片代替。

2、一般而言中文字體庫(kù)都挺大的，如果完整加載會(huì)很大的；因此在確定可能用到的常用文字，我們可以剝離出常用的文字。這樣精簡(jiǎn)以后的字體庫(kù)體積將大大減小。

3、需要注意的是，不管上述的哪種方式；都不能拿著人家的版權(quán)字體這么操作，不管你是打在圖片上還是提取需要用的文字而形成新的字體包，因?yàn)檫@么干事侵權(quán)的。

其實(shí)技術(shù)跟武功是一樣的，你必須有足夠的內(nèi)力方可去駕馭高深的招式，否則就會(huì)走火入魔。網(wǎng)絡(luò)字體的應(yīng)用也好，其他解決方案或者技術(shù)的應(yīng)用也好，都得結(jié)合項(xiàng)目的實(shí)際情況做相應(yīng)的處理。如果只是為了用而用，只會(huì)適得其反。