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;

源代码#

文档

相关推荐
yqcoder21 小时前
vue2 和 vue3 中,列表中的 key 值作用
前端·javascript·vue.js
U***498321 小时前
前端TypeScript教程汇总,从基础到高级
前端·javascript·typescript
梵得儿SHI21 小时前
Vue 指令系统:事件处理与表单绑定全解析,从入门到精通
前端·javascript·vue.js·v-model·v-on·表单数据绑定·表单双向绑定
IT_陈寒21 小时前
Vue3性能优化实战:我从这5个技巧中获得了40%的渲染提升
前端·人工智能·后端
二川bro21 小时前
第45节:分布式渲染:Web Workers多线程渲染优化
开发语言·javascript·ecmascript
lcc18721 小时前
Vue props
前端·vue.js
落霞的思绪21 小时前
Cesium里的postProcessStages实现暗黑样式的天地图
前端·gis·cesium
DevUI团队21 小时前
🔥Angular开发者看过来:不止于Vue,MateChat智能化UI库现已全面支持Angular!
前端·人工智能·angular.js
onebound_noah21 小时前
电商图片搜索:技术破局与商业落地,重构“视觉到交易”全链路
大数据·前端·网络·人工智能·重构·php
答案answer21 小时前
一个超级真实的Three.js树🌲生成器插件
前端·three.js