vue element plus Typography 排版

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

字体#

vue element plus Typography 排版_第1张图片

vue element plus Typography 排版_第2张图片

vue element plus Typography 排版_第3张图片

vue element plus Typography 排版_第4张图片

vue element plus Typography 排版_第5张图片

字号#

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

行高#

vue element plus Typography 排版_第6张图片

  • 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;

源代码#

文档

你可能感兴趣的:(vue.js,javascript,前端)