Material's typographic scale has a set of type sizes that balances content density and reading comfort under typical usage conditions.
Colours
Black and white variations
.text-black
.text-black-primary
.text-black-secondary
.text-black-hint
.text-black-divider
.text-white
.text-white-primary
.text-white-secondary
.text-white-hint
.text-white-divider
Theme colours
.text-primary
.text-secondary
.text-danger
.text-info
.text-success
.text-warning
.text-dark
.text-light
Styles
Roboto is the standard typeface. Please make sure to load Roboto by including a single line of HTML:
By default, Material utilises 4 weights, 300 (light), 400 (regular), 500 (medium) and 700 (bold), of Roboto, but you may need to include fewer or more weights based on your specific usage. In addition, 300i, 400i, 500i and 700i are also included in the above code, but can be safely removed in some cases to speed up page load time.
The basic set of styles are based on a typographic scale of 12, 14, 16, 20, and 34.