一。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官网,微信小程序的开发文档也有对应的方法,需要特别注意的是: 

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐