前端实现字体压缩

刘学 | skill | 2021-07-04

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文件夹,该文件夹里面是所用到的字体压缩过后的字体文件


评 论