Typography

Typography shapes how people read an interface. Typeface, size, weight, line spacing and contrast work together to distinguish a heading, supporting text and an action.

In the article previews, the words and illustration stay the same while the type treatment changes. A clear heading and readable body text make the structure easier to scan.

Do not judge readability from the typeface category alone. Check the complete treatment at the size people will use, including on small screens.