微信小程序 canvas设置字体无效问题

在使用canvas画海报图的时候有一些特殊字体，但是，无论使用方法引入还是css直接引用，都无效。

ctx.font = "normal 20px 'SourceHanSerifCN'";

后面发现，在方法内引入时需要设置scopes参数，默认为webview还需要额外加上native即可

wx.loadFontFace({
    global: true,
    family: 'SourceHanSerifCN',
    source: 'url("xxx.OTF")',
    scopes: ["webview", "native"],
    success: function (res) {
        console.log("字体加载完成")
    },
    fail: function (res) {
        console.log("字体加载失败")
    },
    complete: function (res) {
        console.log(res.status);
    }
});

如果这样还不行，看下你的字体文件，是否有开跨域访问，如果不能跨域访问，需要配置一下字体库所在服务器的请求配置