在日常开发中，我们经常会使用一些字体包来美化我们的网站，然而中文字体包体积确实非常大的，小则 4 - 5 MB，大则 10 MB 以上，
非常的消耗资源，今天就记录下如何优化字体包的大小
解决方案：字蛛
需要注意的是，字蛛只适用于静态的，动态生成的文字是不适用的。
使用步骤：
- npm install -g font-spider
- 创建html文件，创建css文件，
- 在css文件中使用 @font-face 声明字体，并且将字体应用到body元素上(只是一种方式，你也可以自定义其他的选择器)
- 将css文件通过 link引入到html文件中
- 运行font-spider index.html
这样就会生成一个小的字体包来代替原有的字体包了，原有的字体包也不会被删除，而是会放到 .font-spider文件夹下
2022-08-16
