微信小程序:引入自定义字体

微信小程序引入外部字体

看了网上很多文章后发现可以把字体上传到https://transfonter.org/转成base64后下载下来, 引入对应css后发现太大啦,

然后在网上搜罗了一番,发现了一个神奇的网站可以在线提取字体https://www.fontke.com/tool/subfont/

(此方法仅适用于已知会用到的字)

微信小程序:引入自定义字体_第1张图片

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

=========================================

2020/3/24:

第二种:css:加载速度会影响

  font-family: 'smile_f';
}
@font-face {
    font-family: 'smile_f';
    src: url("https://ai-ya-video.oss-cn-beijing.aliyuncs.com/smile.ttf");
}

第三种:js:

 // 引入字体
    wx.loadFontFace({
      family:'smile_font',
      source: 'url("https://ssl.m2015.cn/wei/2020/smile/Public/smile.ttf")',
      // 'url("http://resource.m2015.cn//wei/smile.ttf")',
      success(res) {
        console.log(res.status)
      },
      fail: function (res) {
        console.log(res.status)
      },
      complete: function (res) {
        console.log(res.status)
      }
    });

 

你可能感兴趣的:(微信小程序)