前两天做移动端项目，ui字体使用了思源黑体，用到了字蛛font-spider（可以自定义前端网页中的字体格式），因此简单一记。

PS.（1）字蛛官网：http://font-spider.org/；（2）node下载：https://nodejs.org/en/download/

1、安装node.js;

2、cmd用npm安装字蛛npm install font-spider -g（全局安装）；

3、在css中声明WebFont。注意的一点是，引用字体的.ttf格式必须存在， 即自己提前备好字体的ttf格式，引入到css的@font-face里，其余字体格式font-spider会自动生成并压缩，同时会备份ttf文件，完全不用担心字体文件的大小（5M—>10kb左右）；

4、打开cmd，运行命令font-spider 项目路径/*.html。

5、好啦、结束啦！

PS.如果上述步骤都运行成功，但是页面字体并没有引用成功，那就检查准备的ttf文件是否可用，最好用未压缩的（本人使用过程中遇到的坑）。

最后附上思源黑体的ttf:  链接：https://pan.baidu.com/s/1beH4mYK7T7XUTeCA5hZv8A     提取码：3b0n