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";
...
}