小程序使用第三方字体，不影响加载速度和大小，有效

用第三方字体，1下载到小程序项目 2使用base64 3从服务器获取

笔者尝试各种方法后，采用第三种方法有效，从项目服务器获取

先将第三方字体otf文件放到服务器的某个位置，确保前端能访问。

在项目开发阶段，在体验版小程序运行时，采用的是在CSS加载，在app.wxss文件，如下：

@font-face{
     

  font-family: 'siyuanheiti';

  src: url('https://域名/项目名/static/sourcehansanssc-regular.otf');

}

但是发布到正式版本后，IOS加载非常缓慢，影响小程序

不行，项目经理让更改

使用微信原生API加载

如下：

在app.js文件

onLaunch: function () {
     

    var that = this;

    wx.loadFontFace({
     

      family: 'siyuanheiti',

      source: 'url("https://域名/项目名/static/sourcehansanssc-regular.otf")',

      success: function (e) {
     

        console.log(e, '动态加载字体成功')

      },

      fail: function (e) {
     

        console.log(e, '动态加载字体失败')

      },

    })

  },

苹果不再缓慢，成功加载字体！！！