微信小程序 自定义字体库 占用少量空间

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