Google Fonts: choosing and pairing typefaces without a design degree

Why fonts set the mood

Visitors feel a typeface before they read a word. A rounded geometric font says friendly startup; a high-contrast serif says editorial and established. Choosing fonts is choosing your site's voice, and Google Fonts gives you a vast free library to choose from.

The danger of a large library is choice paralysis. The rules below exist to narrow it fast.

Rules that keep you safe

Use two fonts at most: one for headings, one for body text. When in doubt, use one font family in two weights — a family designed to work with itself always pairs well.

Contrast is the goal of pairing: a distinctive display serif for headings with a quiet sans-serif for body is a combination that has worked for a century and still does.

Test with your real content

Fonts that look gorgeous in the specimen can fail with your actual words — long headlines, numbers, the specific characters your language needs. Type your real title into the preview before falling in love.

Check the number of available weights. A family with only regular and bold limits your layout options later.

Performance matters

Every font weight you load slows the page slightly. Load only the weights you use, and resist the temptation of a third font 'just for accents' — your visitors' loading time pays for it.