微信小程序 自定義字體庫 佔用少量空間

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