微信小程序使用外部字体的时候,因为字体文件一般都会很大,而微信小程序大小有限制。这是我们可以提取我们需要用到的内容,从而来减小文件大小
刚开始考虑到使用的方法是进行微信小程序的分包。将字体文件放进一个分包里,但很快发现,当字体多处需要利用时。主包又不能使用分包的静态资源,利用该字体的文件都得放进去同一个包里,感觉不是很方便。
查阅了一下资料,发现网上挺多的是利用https://transfonter.org/来将ttf文件转换为base64的字体,进行压缩,但是不知道为什么我的那个字体转换后就没有效果了。后来发现了一个叫做https://ecomfe.github.io/fontmin/#banner的字体压缩软件,很好用也有效果。
找到生成的css文件内容带base64的文件,拷贝到我们小程序的.wxss文件里面,这样原本1.3M的问题只有15K了
然后在需要用到的页面引入该文件,同时使用font-family:字体名来进行使用