vue element plus Typography 排版

我们对字体进行统一规范,力求在各个操作系统下都有最佳展示效果。

字体#

字号#

|--------------------|------------------|--------------------|
| Level | Font Size | Demo |
| Supplementary text | 12px Extra Small | Build with Element |
| Body (small) | 13px Small | Build with Element |
| Body | 14px Base | Build with Element |
| Small Title | 16px Medium | Build with Element |
| Title | 18px Large | Build with Element |
| Main Title | 20px Extra Large | Build with Element |

行高#

  • line-height:1 No line height
  • line-height:1.3 Compact
  • line-height:1.5 Regular
  • line-height:1.7 Loose

Font-family#

复制代码
字体: Inter, 'Helvetica Neue', Helvetica, 'PingFang SC',
  'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;

源代码#

文档

相关推荐
猿究院_xyz几秒前
微信小程序与echarts联动安卓真机测试出现黑色阴影
前端·javascript·微信小程序·小程序·echarts
IT_陈寒11 分钟前
Redis性能翻倍的5个冷门技巧,90%开发者都不知道的深度优化方案
前端·人工智能·后端
清水迎朝阳13 分钟前
监听 edge大声朗读 样式变化
前端·edge
油丶酸萝卜别吃25 分钟前
修改chrome配置,关闭跨域校验
前端·chrome
刺客xs29 分钟前
Qt-----QSS样式表
开发语言·javascript·qt
m0_7400437340 分钟前
3、Vuex-Axios-Element UI
前端·javascript·vue.js
阿蒙Amon1 小时前
JavaScript学习笔记:14.类型数组
javascript·笔记·学习
风止何安啊1 小时前
一场组件的进化脱口秀——React从 “类” 到 “hooks” 的 “改头换面”
前端·react.js·面试
JS_GGbond1 小时前
给数组装上超能力:JavaScript数组方法趣味指南
前端·javascript
前端无涯1 小时前
Tailwind CSS v4 开发 APP 内嵌 H5:安卓 WebView 样式丢失问题解决与降级实战
前端