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

在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,
    })
},
相关推荐
万岳科技13 小时前
教育培训小程序如何构建线上线下一体化教学体系
小程序·apache
全职计算机毕业设计13 小时前
智慧仓储出入库小程序+后台管理系统 —— 全流程数字化资产管控平台
小程序
万岳软件开发小城15 小时前
2026在线教育系统源码搭建指南,支持APP+H5+小程序
小程序·在线教育系统源码·教育app开发·教育小程序开发·教育网校平台搭建
夏天测15 小时前
微信小程序自动化漏洞挖掘流水线:从缓存提取到密钥验证全流程实战
python·网络安全·微信小程序·漏洞挖掘
万岳科技系统开发18 小时前
教育培训小程序搭建实战:打造一体化教学服务平台
小程序
一秒公司19 小时前
网站、小程序与APP备案流程及周期详解(2026版)
小程序
it-102420 小时前
微信小程序短视频去水印/抖音短视频去水印/免费去水印源码
微信小程序·小程序·视频去水印
Geek_Vison2 天前
2026 跨端框架横评:FinClip、Taro、uni-app、Remax、mPaaS 五款工具技术+业务双维度测评
小程序·uni-app·taro·mpaas·小程序容器
kidding7232 天前
高效备忘清单工具类小程序
前端·计算机网络·微信小程序·小程序
黄华SJ520it2 天前
二二复制公排模式小程序开发全解析
小程序