字體壓縮（字蛛）

偶記易方 2018-09-25

展開(kāi)全文

1. 安裝node.js

2. 打開(kāi)Node.js command prompt如下圖所示，并輸入命令：npm install font-spider -g 回車(chē)執(zhí)行

3. ?在css中聲明webfont（字蛛似乎只支持woff ttf svg）

新建font文件夾將字體放進(jìn)去?

注意：
1. @font-face中的src定義的 .ttf 文件必須存在，其余的格式將由工具自動(dòng)生成
2. 開(kāi)發(fā)階段請(qǐng)使用相對(duì)路徑的 CSS 與 WebFont
3. css表中eot和opentype格式先注釋掉，不然壓縮會(huì)提示錯(cuò)誤，字蛛暫不支持這兩種格式，壓縮完后把eot和opentype格式復(fù)原（不復(fù)原在手機(jī)上測(cè)試字體未生效）

4. 爬取所需的字

運(yùn)行 font-spider 命令：font-spider ./路徑/文件名.html

頁(yè)面所需的字體將會(huì)自動(dòng)壓縮好，原 .ttf 字體會(huì)備份

字蛛似乎只能壓縮靜態(tài)字體，后來(lái)動(dòng)態(tài)添加的無(wú)法壓縮

字體轉(zhuǎn)換工具 https://www./tool/convfont/

本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間，所有內(nèi)容均由用戶(hù)發(fā)布，不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購(gòu)買(mǎi)等信息，謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊一鍵舉報(bào)。

轉(zhuǎn)藏 分享

QQ空間 QQ好友新浪微博微信

獻(xiàn)花（0） +1

來(lái)自：偶記易方 > 《壓縮/字體/圖片》

舉報(bào)/認(rèn)領(lǐng)