2025年3月16日 星期日 甲辰(龙)年 月十五 设为首页 加入收藏
rss
您当前的位置:首页 > 计算机 > 编程开发 > Html+Div+Css(前端)

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

时间:01-18来源:作者:点击数:20
城东书院 www.cdsy.xyz

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

城东书院 www.cdsy.xyz
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门
本栏推荐