在使用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);
}
});
如果这样还不行,看下你的字体文件,是否有开跨域访问,如果不能跨域访问,需要配置一下字体库所在服务器的请求配置