1. 安装node.js
node.js官方下载地址：摸我
2. 安装font-spider插件
cmd中输入npm install font-spider -g进行自动安装，出现如下图表示安装成功，该插件只需安装一次。不用每次进行字体修改都安装。
3. 配置字体
-
创建一个根目录，存放html文件以及font字体文件夹。
根目录
存放字体文件夹 - html中的style标签键入如下代码：
这里的font-family：myfont即为自定义的字体名字，如给body应用该字体，只需设置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. 运行font-spider 命令
- 键入cd
空格文件目录地址回车确认 -
键入font-spider ./html文件名，本例子为font-spider ./font.html回车确认自动压缩
3.完成后font文件目录变成这样
2016-06-20_140444.png
5. 完成后效果
