element-plus/website/docs/en-US/typography.md
云游君 a99b20a8c1
refactor(typography): add css var for typography & simplify example code (#2531)
* refactor(typography): add css var for typography & simplify example code

* fix: add @use "sass:map" for _var.scss
2021-07-15 13:33:22 +08:00

2.2 KiB

Typography

We create a font convention to ensure the best presentation across different platforms.

Font

Font Convention

Level Font Size Demo
{{ fontSize.level }} {{ fontSize.size + ' ' + formatType(fontSize.type) }} Build with Element

Font Line Height

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

Font-family

font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
  'Microsoft YaHei', '微软雅黑', Arial, sans-serif;