微信小程序如何使用自定义的字体

在App.vue页面

复制代码
onLaunch() {
   setFont()
},
复制代码
setFont() {
    let PingFang_url =   'https://wechat/static/font/苹方字体.ttf';//字体文件一般都是几m超级大。所以都会把他上传到服务器,这里直接使用线上的地址。
    wx.loadFontFace({
        global: true,
      family: 'Fredoka One',
      source: Fredoka_url,
      success: function() {
          console.log('加载字体成功')
      },
      fail: function(err){
          console.log('加载字体失败', err)
      }
    })
   
    wx.loadFontFace({
        global: true,
        family: 'PingFang HK',
        source: PingFang_url,
    })
},
相关推荐
焦糖玛奇朵婷2 小时前
实测扭蛋机小程序:开发简单,互动有趣
java·大数据·程序人生·小程序·软件需求
從南走到北2 小时前
JAVA无人共享无人健身房物联网结合系统源码支持小程序+公众号+APP+H5
java·物联网·小程序
吴声子夜歌2 小时前
小程序——基础API
小程序
CHU7290352 小时前
指尖践行环保——旧衣服回收小程序前端功能玩法详解
前端·小程序
my小新2 小时前
微信小程序引用echarts做统计图
微信小程序·小程序·echarts
吴声子夜歌2 小时前
小程序——图片
小程序
鱼是一只鱼啊2 小时前
实战 | uni-app (Vue2) HBuilderX 项目改造为 CLI 项目,实现多客户多平台命令行自动化发布
微信小程序·vue·claude·vue-cli·.net8·自动化发布
杰建云1672 小时前
门店小程序是否有必要做
小程序·小程序搭建
Greg_Zhong3 小时前
小程序中页面和组件的区别
小程序
小马_xiaoen3 小时前
常规优化已用尽?小程序体积深层次优化实战!!!
前端·小程序·uniapp