关于微信小程序引入自定义字体的一些坑

最近在做小程序开发时，需要使用到第三方的字体，由于小程序不能将字体放到本地，所以试了下

wx.loadFontFace({
        family: 'webfont',
        source: 'url("http://cdn.123123.com/minijianhanzhenguangbiao.ttf")',
        success: function (res) {
          console.log(res) //  loaded
        },
        fail: function (res) {
          console.log(res) //  error
        },
        complete: function (res) {
          console.log(res.status);
        }
      });

但是会报错，引入不了

看了网上很多文章后发现可以把字体上传到https://transfonter.org/转成base64后下载下来，下载下来引入对应css后发现确实可以使用，但当提交代码的时候发现太大啦，css文件都有1M多，愁死个人啊

然后想了想能不能在ttf文件中只保留自己想要的字体再转成base64呢，然后在网上搜罗了一番，发现了一个神奇的网站可以在线提取字体https://www.fontke.com/tool/subfont/

然后再到这个网站https://transfonter.org/转成base64只有十几k，happy