一个常见的误解是，遇到 @font-face 声明时会请求字体。这不正确。@font-face 声明本身不会触发字体下载。只有当页面上使用的样式引用了某个字体时，系统才会下载该字体。

https://web.dev/articles/font-best-practices?hl=zh-cn

https://web.dev/articles/reduce-webfont-size?hl=zh-cn

https://web.dev/articles/optimize-webfont-loading?hl=zh-cn

将十几兆的字体文件子集化，unicode-range 属性来实现不同子集的按需加载。在wxss写@font-face是不会缓存字体文件的，通过wx.loadFontFace和wx.getFileSystemManager还有Data URL实现字体文件的缓存。，当小程序页面用到需要的字体时，动态按需加载子集