微信小程序开发设置苹方字体

1、每个页面的js文件都要添加

onLoad: function (options) {wx.loadFontFace({family: 'PingFangSC-regular',source: 'url("https://img2.misssixty.com.cn/rs/lib/fonts/PingFangSC-regular.ttf")'})},

也可以把文件下载下来引用

source: 'url("/utils/PingFangSC-regular.ttf")'

2、设置wxss 文件(可以设置全局)

page{font-family:'PingFangSC-regular';
}

微信小程序开发设置苹方字体相关推荐

微信小程序开发——设置默认图片、错误加载图片
wxml: <image src='{{imgArr[index]==""?defaultImg:imgList[index]}}' binderror="erro ...
在微信小程序开发软件中设置字体大小问题
我一开始接触微信小程序开发的时候,只是知道代码区的字体大小怎么调节(因为字体太小了,看得很累),于是我在网上查找方法想调节调试器那里的字体(字体太小看得很累).但是网上面都没有具体的方法,然后我就这样 ...
微信小程序：设置字体跟随手机系统
小程序开发:全局设置跟随手机系统默认字体前言最近在开发一款微信小程序,发现字体不是跟随手机系统设置的字体,这样对用户很不友好,通过下面这行代码,就可以将页面的字体搞成系统默认字体了. 提示:要设置 ...
微信小程序开发教程5：设置全局css样式
平凡也就两个字: 懒和惰; 成功也就两个字: 苦和勤; 优秀也就两个字: 你和我. 跟着我从0学习JAVA.spring全家桶和linux运维等知识,带你从懵懂少年走向人生巅峰,迎娶白富美! 关注微信 ...
微信小程序自学笔记-----文本和字体样式设置
微信小程序自学笔记-----文本和字体样式设置用于自己自学微信小程序知识点总结,新手小白一枚,请大佬勿喷知识要点 · 各种字体样式属性命名及含义 · 利用style和class设置字体样式的方法 ...
微信小程序开发的首页设置
在我们微信小程序开发的时候,页面切换十分麻烦,这个时候你可以设置打开软件时默认显示的页面,设置十分简单第一种方法:在app.json中的pages选项中: 这样就设置首页是Index, 第二种方法就 ...
微信小程序开发笔记—设置页面密码
文章目录一.功能概述二.实现效果三.实现方法 1.新建个人登陆页面 2.设计密码获取判别函数和响应函数 1)定义变量 2)设计密码获取判别函数 3)设计响应函数 3.设计页面内容 1)input ...
微信小程序开发：使用字体图标的方法
在微信小程序开发过程中,图标的使用是很常见很普遍的.一般情况下,在微信小程序项目的文件目录里面images里面,可以直接引用本地的图标文件,但是通过使用字体图标或者background设置背景图的时候 ...
微信小程序开发及相关设置小结
今年过年,主要看了<奇葩说>和<电锯惊魂>,很不错,好东西的确需要留出足够的时间来看,匆匆忙忙走马观花是对作者的不尊重.除此之外,就是研究了一下微信小程序开发,先说对小程序的看 ...

微信小程序开发设置苹方字体

微信小程序开发设置苹方字体相关推荐

最新文章

热门文章