1. 安裝node.js
node.js官方下載地址：摸我
2. 安裝font-spider插件
cmd中輸入npm install font-spider -g進(jìn)行自動(dòng)安裝腻扇，出現(xiàn)如下圖表示安裝成功幼苛，該插件只需安裝一次舶沿。不用每次進(jìn)行字體修改都安裝。
3. 配置字體
-
創(chuàng)建一個(gè)根目錄高镐，存放html文件以及font字體文件夾一汽。
根目錄
存放字體文件夾 - html中的style標(biāo)簽鍵入如下代碼：
這里的font-family：myfont即為自定義的字體名字岩喷，如給body應(yīng)用該字體监憎，只需設(shè)置body的font-family的值為myfont，url中的地址為存放字體的文件夾
@font-face {
font-family: 'myfont';
src: url('font/fontTest.eot');
src:
url('font/fontTest.eot?#font-spider') format('embedded-opentype'),
url('font/fontTest.woff') format('woff'),
url('font/fontTest.ttf') format('truetype'),
url('font/fontTest.svg') format('svg');
font-weight: normal;
font-style: normal;
}
4. 運(yùn)行font-spider 命令
- 鍵入cd
空格文件目錄地址回車確認(rèn) -
鍵入font-spider ./html文件名偷霉，本例子為font-spider ./font.html回車確認(rèn)自動(dòng)壓縮
3.完成后font文件目錄變成這樣
2016-06-20_140444.png
5. 完成后效果
