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

在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,
    })
},
相关推荐
程序员鱼皮5 小时前
现在上线个小程序这么麻烦吗?!
微信小程序·程序员·aigc
2501_915918416 小时前
Flutter 加固方案全解析,从 Dart 层到 IPA 成品的多工具协同防护体系
flutter·macos·ios·小程序·uni-app·cocoa·iphone
我命由我123456 小时前
微信小程序 - 内容弹出框实现(Vant Weapp 实现、原生实现)
开发语言·前端·javascript·微信小程序·小程序·前端框架·js
小码哥0687 小时前
陪诊小程序核心功能拆解:预约、导航与提醒
小程序·项目源码·预约系统·陪诊·陪诊系统开发
q_19132846958 小时前
基于Springboot+uniapp的智慧停车场收费小程序
java·vue.js·spring boot·小程序·uni-app·毕业设计·计算机毕业设计
2501_916007478 小时前
深入理解 iOS 文件管理体系,从沙盒结构到多工具协同的工程化文件管理实践
android·ios·小程序·https·uni-app·iphone·webview
00后程序员张8 小时前
iOS 性能检测工具深度解析 多工具协同下的全维度性能检测体系建设
android·ios·小程序·https·uni-app·iphone·webview
说私域8 小时前
天猫卖家运营突围:基于开源AI智能名片链动2+1模式S2B2C商城小程序的转型路径研究
人工智能·小程序·开源
00后程序员张8 小时前
Fiddler调试工具全面解析 HTTPHTTPS抓包、代理设置与接口测试实战教程
前端·测试工具·ios·小程序·fiddler·uni-app·webview
Alex813208 小时前
scheme跳转小程序 打不开知道指定页
小程序