使用第三方字体,1下载到小程序项目 2使用base64 3从服务器获取
笔者尝试各种方法后,采用第三种方法,从项目服务器获取
在体验版小程序运行时,采用的是在CSS加载,如下:
@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, '动态加载字体失败')
},
})
},
苹果不再缓慢,成功加载字体!!!