压缩字体，提升访问速度

前言

主要是做个记录以后自己会用到，
网上有大把的案例，我这边也是借鉴学习，手动写了一下，确认了一下效果
废话少说，

---

一、字体的引用

先在自己的css里使用 @font-face 加上自己字体名称及字体路径

此时我的字体大小是

二、前端使用样式表

就随便写一下dome，

下面是效果

可以看到整个字体变成我们想要的字体，下面的显示的字体网络数据大小为2.8M
响应耗时24ms这很少了🙃
别忘了，这是我本地，线上的环境资源大小尽量的小😋，因为带宽的问题，

三、 安装font-spider 这个包

全局安装 一了百了

	npm install font-spider -g

检查是否成功

fsont-spider -V

效果：

四、前端使用font-spider 对字体进行压缩

font-spider *.html

执行fot-spider 这边可能会有 差异哦
好家伙，现在是只有，2.7kb了，因为我引用的也少🤬

它会将没有压缩的文件移动到 fonts/.font-spider 文件里

下面看看效果：

好啦，大家都是明白人，我也不说那么多了

总结 及 感谢

总结：要会用工具
感谢：

1. 谢谢作者☺✈