小程序开发API之动态加载网络字体wx.loadFontFace

版权声明：欢迎转载，可Chat交流，写博不易请标明出处： https://blog.csdn.net/JackJia2015/article/details/86595093

wx.loadFontFace(Object object)

动态加载网络字体。文件地址需为下载类型。iOS 仅支持 https 格式文件地址。

注意：

• 引入中文字体，体积过大时会发生错误，建议抽离出部分中文，减少体积，或者用图片替代
• 字体链接必须是https（ios不支持http)
• 字体链接必须是同源下的，或开启了cors支持，小程序的域名是servicewechat.com
• canvas等原生组件不支持使用接口添加的字体
• 工具里提示 Faild to load font可以忽略

wx.loadFontFace参数

object.desc 的结构

示例：

wx.loadFontFace({
      family: 'Bitstream Vera Serif Bold',
      source: 'url("https://sungd.github.io/Pacifico.ttf")',
      desc:{
        style:'normal',        
        weight: 'bold',
        variant: 'small - caps'
      },
      success: console.log
    })