mirror of https://github.com/ElemeFE/element
3.8 KiB
3.8 KiB
Typography
We create a font convention to ensure the best presentation across different platforms.
Font






Font Convention
Level | Font Size | Demo |
Supplementary text | {{font_size_extra_small}} Extra Small | Build with Element |
Body (small) | {{font_size_small}} Small | Build with Element |
Body | {{font_size_base}} Base | Build with Element |
Small Title | {{font_size_medium}} Medium | Build with Element |
Title | {{font_size_large}} large | Build with Element |
Main Title | {{font_size_extra_large}} Extra large | 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;