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

在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,
    })
},
相关推荐
Greg_Zhong21 小时前
小程序中单元测试对比表单测试,及单元测试、表单测试、组件测试的底层实现原理
小程序·单元测试
sheji341621 小时前
【开题答辩全过程】以 基于微信小程序的考研服务平台为例,包含答辩的问题和答案
微信小程序·小程序
2501_915918411 天前
WebKit 抓包,WKWebView 请求的完整数据获取方法
android·前端·ios·小程序·uni-app·iphone·webkit
nhc0881 天前
贵阳纳海川科技·语文刷题考证行业解决方案
科技·小程序·软件开发·小程序开发
AnalogElectronic1 天前
uniapp学习1,hello world 项目,打包到微信小程序,贪吃蛇小游戏
学习·微信小程序·uni-app
m0_694845571 天前
WePY是什么?小程序组件化开发框架实战教程
服务器·docker·小程序·开源·github
人还是要有梦想的2 天前
如何开发微信小程序
微信小程序·小程序·notepad++
inksci2 天前
Js生成安全随机数
前端·微信小程序
azhou的代码园3 天前
基于SpringBoot+微信小程序的图片识别科普系统
spring boot·后端·微信小程序
万岳科技系统开发3 天前
外卖系统选型与源码与 SaaS 实践的思考
数据库·小程序