微信小程序，我设置自定义字体时，使用font-face执行，开发者工具可以，但是线上和预览都不行

@font-face {
  font-family: 'hwls';
  src: url("https字体文件地址，同域名下")
}

然后我用wx.loadFontFace执行，也是开发者工具可以，但是线上和预览都不行

    wx.loadFontFace({
      family: 'hwls',
      source: 'url("https同域名下文件地址")',
      success: res => {
        wx.showModal({
          content:JSON.stringify(res),
        })
        console.log('font load success', res)
      },
      fail: err => {
        wx.showModal({
          title:'错误',
          content:JSON.stringify(err),
        })
        console.log('font load fail', err)
      }
    })   

这是什么原因呢？而且如果有问题，为啥开发者工具行，预览都不行呢