作者:happy柒月卍520 | 来源:互联网 | 2023-02-02 16:10
1、新建一个font.js2、将需要引入的字体上传到云上,必须是https。3、在font.js中使用微信提供的api下载字体,wx.loadFontFace({})加载字
1、新建一个font.js
2、将需要引入的字体上传到云上,必须是https。
3、在font.js中使用微信提供的api下载字体,wx.loadFontFace({})
// 加载字体
loadFont() {
//英文
wx.loadFontFace({
family: 'xxxx', //设置一个font-family使用的名字
source: 'url("xxx.com/xxxx")', //字体资源的地址
success: console.log
})
//中文
wx.loadFontFace({
family: 'xxxx',
source: 'url("https://xxx.com/xxxx.otf")',
success: console.log
})
},
4、在要使用页面字体的页面下载字体
const fOnt= require('font.js')
onLoad: function (options) { wx.hideShareMenu(); //隐藏转发按钮 font.loadFont(); //下载字体 }
5、在wxss中正常使用