對(duì)于網(wǎng)頁(yè)應(yīng)用中的字體圖像 一般的做法是將頁(yè)面設(shè)計(jì)里的svg圖片導(dǎo)出 上傳到字體制作網(wǎng)站比如Icomoon和Fontello 這類(lèi)網(wǎng)站會(huì)將svg圖像制成字體文件 最終這些字體文件和相對(duì)應(yīng)的CSS會(huì)被導(dǎo)入項(xiàng)目中
以Fontello為例 通常的流程是 打開(kāi)Fontello官網(wǎng) 將需要轉(zhuǎn)化為字體的svg文件拖拽至指定區(qū)域 選中 之后點(diǎn)擊“下載字體”按鈕 每當(dāng)我們需要新添加一個(gè)字體時(shí) 要先將原有的字體文件和新的svg文件先后拖拽進(jìn)去 再點(diǎn)擊下載
新的設(shè)計(jì)總會(huì)包含新的字體 一步一步重復(fù)以上步驟 對(duì)于我來(lái)說(shuō)有些困擾 更不要說(shuō)我最討厭的拖拽操作了 所以寫(xiě)了一個(gè)小工具fontello-svg-uploader可以通過(guò)API去完成整個(gè)上傳下載字體的流程而不需要打開(kāi)網(wǎng)頁(yè)或進(jìn)行任何拖拽操作 對(duì)于和我一樣喜歡命令行操作的前端來(lái)說(shuō) 也許會(huì)有用
下載安裝fontello-svg-uploader之后 只要將svg文件放在指定文件夾里 然后運(yùn)行一段命令 字體文件壓縮包就會(huì)下載到根目錄下了
也許可能大概會(huì)有bug吧...