node.js使用font-spider压缩字体

1. 安装node.js

node.js官方下载地址：摸我

2. 安装font-spider插件

cmd中输入npm install font-spider -g进行自动安装，出现如下图表示安装成功，该插件只需安装一次。不用每次进行字体修改都安装。

3. 配置字体

1. 创建一个根目录，存放html文件以及font字体文件夹。

   
   
   

   根目录
   
   
   

   存放字体文件夹
2. 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 命令

1. 键入cd 空格 文件目录地址回车确认

2. 键入font-spider ./html文件名，本例子为font-spider ./font.html回车确认自动压缩

   
   
   
   
   

   3.完成后font文件目录变成这样

   
   
   

   2016-06-20_140444.png

5. 完成后效果