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

在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,
    })
},
相关推荐
低代码布道师23 分钟前
加油站小程序实战教程08动态获取城市和站点信息
低代码·小程序
—Qeyser2 小时前
用Deepseek写一个五子棋微信小程序
微信小程序·小程序
说私域3 小时前
定制开发开源AI智能名片S2B2C商城小程序:以“晒”为桥,构建信任,助力社交新零售飞跃
人工智能·小程序·零售
oil欧哟4 小时前
🥳 做了三个月的学习卡盒小程序,开源了!
前端·vue.js·微信小程序
然后就去远行吧6 小时前
小程序 wxml 语法 —— 39 简单双向数据绑定
小程序
Bruce_Liuxiaowei7 小时前
用Python实现PDF转Doc格式小程序
python·小程序·pdf
说私域9 小时前
基于开源AI大模型的精准零售模式创新——融合AI智能名片与S2B2C商城小程序源码的“人工智能 + 线下零售”路径探索
人工智能·搜索引擎·小程序·开源·零售
窝窝和牛牛10 小时前
记录小白使用 Cursor 开发第一个微信小程序(二):创建项目、编译、预览、发布(250308)
微信小程序·小程序
JobsandCzj17 小时前
PDF 分割工具
javascript·小程序·pdf
人民广场吃泡面17 小时前
UniApp 运行的微信小程序如何进行深度优化
微信小程序·小程序·uni-app