Variables for Typography
Font Family​
Font Weight​
Ada dua penamaan dalam font weight yaitu number dan string.
number | string (Name Aliases) |
|---|---|
| 100 | Thin |
| 200 | ExtraLight |
| 300 | Light |
| 400 | Regular |
| 500 | Medium |
| 600 | SemiBold |
| 700 | Bold |
| 800 | ExtraBold |
| 900 | Black |
Font Size and Line Height​
Font Size
number | string |
|---|---|
| 10 | xxs |
| 12 | xs |
| 16 | sm |
| 18 | md |
| 20 | lg |
| 24 | xl |
| 32 | 2xl |
| 40 | 3xl |
| 48 | 4xl |
Line Height
number | string |
|---|---|
| 14 | xxs |
| 16 | xs |
| 24 | sm |
| 32 | md |
| 40 | lg |
| 48 | xl |