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

在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,
    })
},
相关推荐
焦糖玛奇朵婷1 小时前
解锁扭蛋机小程序的五大优势
java·大数据·服务器·前端·小程序
web前端神器7 小时前
记录uniapp小程序的报错
小程序·uni-app·apache
weikecms8 小时前
外卖霸王餐api接口,美团+淘宝闪购接口
微信·小程序·微客云
Greg_Zhong9 小时前
微信小程序中进度条总结
微信小程序·自定义进度条·slider进度条
2501_9160088921 小时前
深入解析iOS应用启动性能优化策略与实践
android·ios·性能优化·小程序·uni-app·cocoa·iphone
TuCoder1 天前
制作景区导览小程序时,现有手绘图是否可以复用?
小程序·智慧景区·手绘地图·景区导览·电子导览·地图制作·ebmap
小小王app小程序开发1 天前
盲盒小程序一番赏玩法分析
小程序
这是个栗子1 天前
【微信小程序问题解决】删掉 “navigationStyle“: “custom“ 后仍触发了自定义导航栏
微信小程序·小程序·navigationstyle
liangdabiao1 天前
定制的乐高马赛克像素画生成器-微信小程序版本-AI 风格优化-一键完成所有工作
人工智能·微信小程序·小程序
编程小白gogogo1 天前
苍穹外卖微信小程序导入hbuilder后点击运行选择在微信开发者工具中打开,微信开发者工具打开却没有运行微信小程序解决办法
微信小程序·小程序