国产又猛又爽又黄视频|在线观看人成视频免费|少妇高潮太爽了在线视频|911国产免费无码专区|特黄做受又大又粗又长大片|欧美一级二级免费在线观看|日日夜人人澡人人澡人人看免|欧洲午夜精品一级毛片在线播放

網(wǎng)絡(luò)字體(@font-face)雖好,可不能濫用哦~

2019-02-15 17:47 欄目:技術(shù)開(kāi)發(fā) 查看(11458)

在互聯(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ù)是這樣的。

微信圖片_20190215172524

這個(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ì)適得其反。

與我們的項(xiàng)目經(jīng)理聯(lián)系
掃二維碼與項(xiàng)目經(jīng)理溝通

我們?cè)谖⑿派?4小時(shí)期待你的聲音

解答本文疑問(wèn)/技術(shù)咨詢/運(yùn)營(yíng)咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流

轉(zhuǎn)載請(qǐng)注明出處:網(wǎng)絡(luò)字體(@font-face)雖好,可不能濫用哦~ - 微構(gòu)網(wǎng)絡(luò)
分享: