Does this include every public font?

The selectors provide common open-source starting points, and the custom fields can request any family currently served by Google Fonts. The official complete metadata API requires an API key, so the page does not pretend a bundled snapshot is permanently exhaustive.

Are fonts loaded from the internet?

Yes. Choosing a family or applying a custom name requests CSS and font files directly from Google Fonts.

Can I use these fonts commercially?

Google Fonts states its catalogue is open source, but confirm the specific family license and any client requirements before production.

Does it test every font weight?

No. The comparison loads the regular family style; test required weights, italics, scripts, and performance in the final implementation.

Free Typography Tools

Public Font Pairing Tester

Search open-source Google Fonts, load any public family by name, and compare realistic heading and body hierarchy.

What this tool does

Compare open-source webfonts as a real hierarchy.

The tester loads two chosen Google Fonts families and applies them to editable heading and body copy so contrast, tone, and readability can be reviewed together.

A type-to-jump starting library covers common serif, sans-serif, display, handwriting, and monospace options. Any other Google Fonts family can be entered by its exact public name.

Use the tool

Test public heading and body fonts

Choose heading and body fonts with an immediate preview, or load any Google Fonts family by exact name.

Public font library

117 starting points, plus any Google Fonts family by exact name.

Browse Google Fonts

Heading library font

Select a family to apply it immediately. Open the menu and type to jump by name.

Body library font

Select a family to apply it immediately. Open the menu and type to jump by name.

Applying fonts…

Use a Google Font not in the starting library

Enter the exact public family name, then press Enter or use the button. Invalid or unavailable names will fall back safely.

Custom heading family

Custom body family

Heading size44px

Body size17px

Sample heading

Sample body

Pairing preview

Playfair Display + Inter

Creative operations · Field note

Clarity makes creative work stronger.

A considered type pairing creates hierarchy without adding noise. Test the relationship at realistic sizes before committing it to a design system.

Selecting a library family updates this preview immediately. Fonts are requested directly from Google Fonts; production use still depends on weights, language support, licensing, and browser behavior.

How to use it

Three quick steps

1Choose heading and body families from the library; each selection updates the preview immediately.
2For another Google Fonts family, enter its exact name in the custom section and press Enter or choose Use custom font.
3Replace the sample copy, adjust sizes, and verify the weights, language support, and licenses required for production.

Worked example