本文主要是介绍微信小程序 自定义字体库 占用少量空间,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
1、下载需要的字体
2、压缩字体
因为我的小程序只是部分页面,使用的部分文字,因此采用压缩的方式来减少字体占用
压缩前3.82MB
①压缩步骤1
打开地址
https://ecomfe.github.io/fontmin/#app
下载windows客户端后解压
②打开exe文件
输入需要的文字,以及字体
点击生成
③修改css文件
*embed.css 文件,用记事本打开,把它复制到小程序 app.wxss 文件
只留下最多的这个 url(data:...) 这个就行
④在页面中使用字体
.font-loaded {font-family: "hwxk";
}@font-face {font-family: "hwxk";...
}
这篇关于微信小程序 自定义字体库 占用少量空间的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!