materialTypography
The Material 3 type scale: five roles in three sizes, as material ships them.
Values read from material's compiled CSS · material 3.0.5 · sizes in px: size / line height · weight · tracking
Display, headline and title
Large, short text: a hero number, a page or dialog heading, an app bar or card title.
Body and label
Running text, and the text of buttons, chips, tabs and navigation.
-
The quick brown fox jumps over the lazy dog
-
The quick brown fox jumps over the lazy dog
-
The quick brown fox jumps over the lazy dog
-
Save changes
-
Save changes
-
Save changes
Font weights
The scale uses regular (400) and medium (500); the other weights are utility classes for emphasis.