Font pairing tester

Pick a headline and a body font, or start from one of ours. Then try them on a page, a business card, a poster or, if you must, WordArt.

Every combination of your brand colours

Hide anything under 3:1

Tap one to use it. AA needs 4.5:1 for body text and 3:1 for large text. AAA needs 7:1 and 4.5:1.

Fraunces does the charm, Instrument Sans keeps the menu readable. Hard to get wrong for a café or a roastery.

A sharp condensed serif over a precise sans. The difference in width does most of the work, so both can stay at regular weights.

Gloock signals quality in a headline. DM Sans keeps floor plans, prices and specs easy to scan.

Hairline Bodoni for the logo and the campaign lines, a clean grotesk for everything else. The magazine formula, and it still works.

Syne brings the attitude, Inter Tight stays out of the way. Keep the personality in one place and the case studies stay readable.

Wide and loud on top, calm underneath. Manrope holds up at the small sizes that line-ups and ticket details need.

A tidy, approachable sans over a serious reading serif. Good when a brand needs to explain things without talking down.

An expressive grotesk with a proper reading serif underneath. Unexpected, and it gives a playful brand some weight.

Chunky serif headlines with a squared-off sans for the details. Feels local without looking homemade.

Condensed headlines that read from the back of the stand, and a sturdy grotesk for fixtures and prices.

Delicate Garamond set large, with a rounded sans that keeps things approachable rather than precious.

Heavy condensed capitals for posters and socials, with a warm grotesk so the small print still sounds human.

Bookish Caslon for titles and exhibition names, a newsroom grotesk for listings and opening times.

Mozilla's headline font is direct without being cold. Hanken keeps longer copy calm and readable.