The Material Design type scale includes a range of contrasting styles that support the needs of your product and its content.


Type scale

The type scale appears as text in components and the overall layout. Type attributes can use custom values for the typeface, font, case, size, and letter spacing.

Applying the type scale

Use typography to present your design and content as clearly and efficiently as possible.

University of Michigan - Ann Arbor

Arizona State University

Typography can bring together a design or feel of a product.

Typography

Material Design Documentation

Typewolf is a website built to introduce different typefaces and how they can be used.

For each typeface, a preview of the typeface, its use cases including real website examples, and what other typefaces get along with it are provided.



Resources

Language size and display style vary based on whether a character set is English-like, tall, or dense.

Language support

The Type System

Typography shows hierarchy and brand presence

Learn Before

Related

Learn After