THE WEBSITE WORKBENCH

Font pairing playground

Find two fonts that belong together.

Find your pairing

Advanced settings Individual fonts, spacing and reading measure

A real reading specimen Editorial
THE DETAILS MAKE THE DIFFERENCE

A good place to begin.

Thoughtful details make a website feel like yours.

Made for everyday reading.

0123456789 · Aa Bb Cc Dd Ee
Clear words. A comfortable rhythm.

From preview to your website.

  1. Start with a curated pairing or choose heading and body fonts independently.
  2. Try your own headline and paragraph, then adjust the sizes and line height.
  3. Download the font files, CSS, specimen and licenses. Load fonts.css after your website styles, or merge the font rules.

Know what you’re exporting.

Fonts are served locally. The package includes only the selected font files and their SIL Open Font Licenses. Instrument Serif is italic; Barlow Condensed is a bold display face. These files cover the original bundled subsets; test any language-specific characters you need.

No registration or subscription is needed. Uploaded images, initials and generated content stay in this browser tab.

GOOD DESIGN, OCCASIONALLY.

Your next idea
could start here.

New templates, useful guides, and updates from us.
A little inspiration for whatever you’re building.