微信小程序字体压缩

微信小程序使用外部字体的时候,因为字体文件一般都会很大,而微信小程序大小有限制。这是我们可以提取我们需要用到的内容,从而来减小文件大小

刚开始考虑到使用的方法是进行微信小程序的分包。将字体文件放进一个分包里,但很快发现,当字体多处需要利用时。主包又不能使用分包的静态资源,利用该字体的文件都得放进去同一个包里,感觉不是很方便。

查阅了一下资料,发现网上挺多的是利用https://transfonter.org/来将ttf文件转换为base64的字体,进行压缩,但是不知道为什么我的那个字体转换后就没有效果了。后来发现了一个叫做https://ecomfe.github.io/fontmin/#banner的字体压缩软件,很好用也有效果。
在这里插入图片描述

在这里插入图片描述
找到生成的css文件内容带base64的文件,拷贝到我们小程序的.wxss文件里面,这样原本1.3M的问题只有15K了

然后在需要用到的页面引入该文件,同时使用font-family:字体名来进行使用

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值