字体文件太大,导致页面加载慢(ttf文件压缩 字蛛)

网页开发过程中,需要用到个性化的字体,此时需要引入字体文件

由于字体文件本身很大, 会导致页面加载速度受到很大影响;因此可以将字体进行压缩处理,再引入页面

首先配置node环境,这里就不多介绍了

准备好node环境之后,安装font-spider,输入npm install font-spider -g

安装成功后就可以进行字体压缩了,为了方便,可以新建一个index.html,引入对应的css文件,css中引入字体文件,确保ttf文件被引用

然后使用命令 font-spider E:\folder\index*.html 对字体压缩

在folder下会重新生成压缩后的ttf文件

注:这种方式适用于静态页面,因为字蛛是爬到页面需要的文字,将这些文字保留,删除没有用到的文字,从而压缩

附:web 中文字体演示与工具  http://font-spider.org/

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值