用font-spider释放字体文件大小,只取所需!

来源:互联网 发布:云计算与大数据 编辑:程序博客网 时间:2024/06/06 01:29

针对网页上部分字体,设计师也要求必须用特殊字体来显示,或者只有0-9数字需要用特殊字体,但是一个字体包3M,4M……好大啊,啊啊啊,怎么办,字蛛神器帮助你。

假设有这样的需求,一个捕捉萤火虫的项目,最后需要计分,页面比较梦幻,所以分数呢,也希望是一种荧光的字体。
1. @font-face去定义字体,在1.html里面定义个标签把该特殊字体的class给该标签,标签内把0-9数字写全。
2. 正题来了,用npm来全局安装:
npm install font-spider -g
3. 使用,在该html所在的父级上打开命令行工具执行,
font-spider 1.html
字蛛会自动爬行页面上的用到文字,把他们拣出来。
4. 这样就把一个原本好几兆的字体变成了8K多。
5. 生成好后,你会发现,
在font文件夹下多了一个.font-spider文件夹其实就是你之前的大字体文件,删掉即可; 在该css内定义的除了0-9之外的是不会变成特殊字体的,因为这个字蛛爬行的只是0-9。

0 0