使用font-spider来压缩网页字体文件

1.由于网页使用了自定的字体,导致首次加载异常缓慢,使用yarn安装一个工具包:font-spider来压缩字体文件。

流程

1
2
3
4
5
6
yarn  add font-spider

scripts:{"sf":"font-spider *.html"}

yarn run sf

随后你会发现字体文件体积减小的非常多,看情况应该是font-spider扫描了html文件里使用的字体,去除了字体文件中未使用的字。

注意点:TTF格式可以压缩,Otf不行!

生成后,会有有个.font-spider的隐藏文件夹,内部是压缩前的字体,可以自行删除。

image.png

8M的字体压缩后。