字蛛(font-spider)压缩字体
因项目需求使用自定义字体,发现页面加载很慢,字体在8m左右,所以使用font-spider压缩字体大小,提升页面加载速度。
1. 安装node ,npm
请参照https://jingyan.baidu.com/article/48b37f8dd141b41a646488bc.html
下载路径https://nodejs.org/en/download/
安装的时候选择add to PATH 这样node npm 模板都安装了
安装完毕后,输入cmd后敲回车,在打开的命令行界面,依次输入命令:
node -v
npm -v
如果正确输出版本号,说明我们的NodeJS和NPM就安装好了
2. 安装font-spider
在cmd命令里
执行 npm install font-spider -g
安装成功后 输入font-spider,如果显示下图信息就说明安装成功了
3.开始压缩字体
开始使用的思源黑体是otf格式的,压缩了好几遍也没有变化 ,还是一样大小,后来在字客网重新下载字体格式化为ttf,最终压缩成功8m变成8kb左右。
下面开始写怎么实现压缩,下图是压缩后的目录

html源码

css源码
cmd命令里执行以下代码