GoogleLesson 320Free preview

Google Font Pairings

This lesson is part of How To · All levels

Summary

Font pairing is the art of combining two types of letters so that the look feels harmonious yet still has contrast. The pattern is generally head with character font and body with easy-to-read font. Limit the number of fonts, test the actual size, and make sure the pair stays comfortable on a small screen.

Key points

Use a maximum of two or three fonts in one page
Create a contrast, such as a serif heading with a body sans-serif.
Prioritize body reading on a small scale
Use a consistent scale of size and weight
Test font pairs with real content, not just sample text.

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.