前两天做移动端项目,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