以下为微信小程序font-family中提供的十四种字体

如果同时设置font-size，有时会对font-family的效果产生干扰，导致字体设置无效，需注意字体大小问题。

字体一

font-family:‘Courier New’, Courier, monospace;

字体二

font-family:‘Franklin Gothic Medium’, ‘Arial Narrow’, Arial, sans-serif;

字体三

font-family:‘Gill Sans’, ‘Gill Sans MT’, Calibri, ‘Trebuchet MS’, sans-serif;

字体四

font-family:‘Lucida Sans’, ‘Lucida Sans Regular’, ‘Lucida Grande’, ‘Lucida Sans Unicode’, Geneva, Verdana, sans-serif;

字体五

font-family:‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif;

字体六

font-family:‘Times New Roman’, Times, serif;

字体七

font-family:‘Trebuchet MS’, ‘Lucida Sans Unicode’, ‘Lucida Grande’, ‘Lucida Sans’, Arial, sans-serif;

字体八

font-family:-apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, Oxygen, Ubuntu, Cantarell, ‘Open Sans’, ‘Helvetica Neue’, sans-serif;

字体九

font-family:Arial, Helvetica, sans-serif;

字体十

font-family:Cambria, Cochin, Georgia, Times, ‘Times New Roman’, serif;

字体十一

font-family:cursive;

字体十二

font-family:fantasy;

字体十三

font-family:Georgia, ‘Times New Roman’, Times, serif;

字体十四

font-family:Impact, Haettenschweiler, ‘Arial Narrow Bold’, sans-serif;

微信小程序--字体展示相关推荐

微信小程序text设置高度_微信小程序字体样式的设置
知识点: 1.常用字体样式属性 2.利用style和class 设置字体样式 3.在app.wxss 和 index.wxss中定义样式常用字体属性: 举列: 项目目录: 运行结果: 在index. ...
微信小程序字体设置教程
准备字体文件下载一个 .ttf 类型的字体文件, 备用戳这里下载获取字体文件地址微信开发者工具>云开发存储>存储管理>上传文件>点击文件名>复制下载地址项目引入 ...
Taro微信小程序字体引入
Taro微信小程序要引入新的字体可以全局引入,在app.jsx的componentDidMount中使用Taro.loadFontFace 注意: source的下载地址只能使用经过备份的域名运行时 ...
微信小程序map展示
今天对微信小程序进行了运用,对于移动端自己做的比较少,现在大多数的项目就是百度,也就是CV工程师微信小程序的代码 wxml <view class="" hover-cla ...
通俗易懂的五星评价代码——微信小程序如何展示像淘宝天猫那样五星好评？
项目背景 2020年起始,微信官方宣布支持小程序直播.陆续有很多的商家与开发者参与到这场微信生态直播大潮中,作为电商小程序评价内容必不可少的,官方没有提供评价组件只能自己动手丰衣足食.网上看了很多资料 ...
PC端微信小程序字体无法显示加粗
今天开发发现,在手机中可以看到加粗文字,pc端无法显示,对比了下美团小程序,也是这样,这是微信的bug,不知道他什么时候能修复了.坐等...
微信小程序单纯展示用户头像、昵称、性别，不通过后台接口获取
open-data 用于展示微信开放的数据. 使用方法 <open-data type="groupName" open-gid="xxxxxx"> ...
微信小程序 -字体图标
1.先去阿里巴巴图标库(http://iconfont.cn)生成自己的字体图标,下载下来之后找到ttf格式文件 2.打开https://transfonter.org/,点击 Add Fonts 上 ...
微信小程序订单展示（3）
order-model.js: import {Base} from '../../utils/base.js'class Order extends Base{constructor(){super ...

微信小程序--字体展示