1、新建一个font.js

2、将需要引入的字体上传到云上，必须是https。

3、在font.js中使用微信提供的api下载字体，wx.loadFontFace({})

  // 加载字体
  loadFont() {
    //英文
    wx.loadFontFace({
      family: \'xxxx\', //设置一个font-family使用的名字
      source: \'url("xxx.com/xxxx")\', //字体资源的地址
      success: console.log
    })
    //中文
    wx.loadFontFace({
      family: \'xxxx\',
      source: \'url("https://xxx.com/xxxx.otf")\',
      success: console.log
    })
  },

4、在要使用页面字体的页面下载字体

　const font = require(\’font.js\’)
onLoad: function (options) {
    wx.hideShareMenu(); //隐藏转发按钮
    font.loadFont(); //下载字体
  }

5、在wxss中正常使用

  font-family: \'xxxx\';

 

版权声明：本文为muzs原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/muzs/p/11212498.html