一。CSS远程加载
App.vue
@font-face{
font-family: font-name;
src:url('https://XXXXX/font.ttf');
}
在微信小程序的开发者工具里面有用,但是(安卓)真机调试没有用
二、使用API uni.loadFontFace()
App.vue onload(){}中
uni.loadFontFace({
family: 'Bitstream Vera Serif Bold',
source: 'url("https://sungd.github.io/Pacifico.ttf")',
success() {
console.log('success')
}
})
API说明:uni.loadFontFace(Object object) | uni-app官网,微信小程序的开发文档也有对应的方法,需要特别注意的是:
-
另外还有注意的是在这个讨论中wx.loadFontFace加载字体,安卓真机fail,模拟器和ios真机正常 | 微信开放社区 ,小程序技术专员提到的