引入方式

方式1

    wx.loadFontFace({
      global: true,
      family: 'DIN-Alternate-Bold',
      source: `url(https://test-font.com/DIN-Alternate-Bold.ttf)`,  //   字体文件网络路径
      success: () => {},
      fail: (error: any) => {
        // eslint-disable-next-line no-console
        console.log(error)
      },
    })

方式2

    @font-face {
    font-family: 'HYZhuZiChaoRanTiW';
    src: url("https://test-font.com/DIN-Alternate-Bold.ttf");  //   字体文件网络路径
   }

配置

方式1需要配置在小程序后台配置，request请求域名

引用方式

在需要的.wxss文件引用

    .customText {
      font-family: 'DIN-Alternate-Bold';
      color: #FF9D2A;
      font-weight: 500;
      font-size: 24px;
    }

注意事项

nginx需要配置字体支持跨域，不然安卓机会失效