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;

源代码#

文档

相关推荐
佛系打工仔9 分钟前
绘制K线第三章:拖拽功能实现
android·前端·ios
cauyyl10 分钟前
react 项目检查国际化配置脚本
前端·react.js·前端框架
康一夏14 分钟前
React面试题,useRef和普通变量的区别
前端·javascript·react.js
前端 贾公子15 分钟前
Monorepo + Turbo (6)
前端
冴羽35 分钟前
2025 年 HTML 年度调查报告公布!好多不知道!
前端·javascript·html
Apifox1 小时前
Apifox CLI + Claude Skills:将接口自动化测试融入研发工作流
前端·后端·测试
wszy18091 小时前
rn_for_openharmony_空状态与加载状态:别让用户对着白屏发呆
android·javascript·react native·react.js·harmonyos
程序员Agions1 小时前
别再只会 console.log 了!这 15 个 Console 调试技巧,让你的 Debug 效率翻倍
前端·javascript
我的div丢了肿么办1 小时前
vue使用h函数封装dialog组件,以命令的形式使用dialog组件
前端·javascript·vue.js