前端实现字体压缩

CSS自定义字体文件往往是比较大的，是包含全部字体，我们可以通过提取网页需要用到的字体，实现前端字体的压缩。

具体方法如下：

1.在css里设置字体

@font-face{
    font-family:'test'       //自定义字体名称
    src:url('')            //自定义字体存在的路径}/*给div设置自定义字体*/div{
    font-family:test;
}

/*给div设置自定义字体*/div{
    font-family:test;
}

2.安装Node.js

3.CMD中执行npm install font-spider -g

4.CMD中进入到项目文件夹下，执行font-spider html文件名(也可以*html)

5.项目下会生成一个.font-spider文件夹，该文件夹里面是所用到的字体压缩过后的字体文件