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

针对网页上部分字体,设计师也要求必须用特殊字体来显示,或者只有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。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值