Font Size #
| Size | Desktop | Tablet | Mobile | |
|---|---|---|---|---|
| 10px | ||||
| 11px | ||||
| 12px | comment-text, default-text | main-text | ||
| 13px | main-text | |||
| 14px | main-text | title-text | ||
| 15px | title-text | head-text, subtitle | ||
| 16px | title-text | head-text, subtitle | subhead, title | |
| 20px | subtitle, head-text | |||
| 24px | item-text | subhead, title | ||
| 32px | subhead, title | headline | ||
| 36px | ||||
| 40px | ||||
| 48px | headline | |||
| 64px | headline | |||
| 96px | ||||
| 128px |
100, Thin - 200, Extra Light - 300, Light - 400, Regular - comment-text, default-text 500, Medium - item-text, head-text, main-text, item-text, title-text 600, SemiBold - subhead, subtitle 700, Bold - headline, title 800, ExtraBold - 900, Black -
6 12 18 24 30 36 42 48 56 60