BonFX

Typography & Graphic Design Blog

You are here: Home Font Combinations What Fonts Go With Gotham?

The BonFX Letter

One good pairing.
Every Tuesday.

2-minute read · free

This week — no. 14

Quiet authority

Merriweather sets the tone in one line. Lato stays out of the way and lets it.

MERRIWEATHER 700  +  LATO 400

A font specimen, a pairing that works, and one line on why it works. That is the whole email.

Free. One click to unsubscribe. No sharing, ever.

gotham font pairing

What Fonts Go With Gotham?

Gotham pairs great with Source Serif 4, PT Serif and Times New Roman. All 15 pairings are shown below in real rendered specimens, with the reason each one works.

Gotham type specimen

What fonts go with Gotham? Hoefler & Co’s geometric sans was drawn from New York street lettering and became one of the most recognisable retail typefaces of the past twenty-five years — recognisable enough that the harder question is usually what body text can sit underneath it without feeling like an afterthought.

Gotham takes its wide, squared-off capitals and even stroke weight from mid-century signage lettering found on New York buildings and storefronts, rather than from a drafting compass — the detail that separates it from purer geometric sans faces like Futura. Its apertures are open, its counters are generous, and its proportions are wide enough to hold their own on a billboard or a subway platform, the conditions the letterforms were originally observed in. It is a retail typeface, licensed through Hoefler & Co rather than distributed free. The Gotham family includes separate designs for screen display, and these pairings give longer passages a second voice.

Because Gotham is retail, some readers reaching for this list will not already own it. Where that matters, a free geometric alternative such as Poppins or Montserrat can stand in for headlines. A common rule of thumb cautions against pairing two geometric sans-serifs, but Typ.io lists Futura and Roboto among fonts used with Gotham on working sites. Here are the pairings, with the most easily obtained choices first.

1. Source Serif 4

Gotham and Source Serif 4 font pairing: Gotham headline with Source Serif 4 body text

Source Serif 4 is Adobe’s own restrained transitional serif, drawn specifically as the text companion inside the wider Source superfamily rather than as a display face in its own right. Its moderate contrast and workable x-height carry paragraph after paragraph without strain, exactly the job Gotham’s wide geometric caps were never built to do. Source Serif 4 is on Google Fonts, so the only license in the pairing is Gotham’s. Keep Source Serif 4 for body copy and captions at 17–19px, and reserve Gotham for headlines, navigation and any short line that benefits from its confident, sign-painted geometry.

Character specimen: Gotham (heading) and Source Serif 4 (body) letters, numbers and symbols side by side
Ad
Canva Pro

Slice any flat image into a fully editable design with Canva Magic Layers.

Learn More

2. PT Serif

Gotham and PT Serif font pairing: Gotham headline with PT Serif body text

PT Serif was drawn by ParaType as the serif half of the PT type system, built with sturdy strokes and a tall x-height for dense official documents rather than editorial flourish. That plainness holds body copy tight and legible underneath Gotham’s open, wide-set headline caps without competing for attention. Google Fonts serves it at no cost, making it one of the lowest-friction serif partners available for a retail display face. The combination suits reports, government and institutional sites, and any layout that needs Gotham’s authority up top and dependable reading underneath it.

Character specimen: Gotham (heading) and PT Serif (body) letters, numbers and symbols side by side

3. Times New Roman

Gotham and Times New Roman font pairing: Gotham headline with Times New Roman body text

Times New Roman is widely available, which makes pairing it with Gotham a practical choice as well as a visual one. Set as dense, no-frills body copy under a clean geometric Gotham headline, it works whenever a build can’t be certain a licensed serif is present on every machine that renders it. The two faces share nothing structurally — that gap is what keeps the hierarchy legible at a glance. Times New Roman has shipped with Windows since version 3.1 and is included with macOS; a webfont request is usually unnecessary for this half of the pairing.

Character specimen: Gotham (heading) and Times New Roman (body) letters, numbers and symbols side by side

4. Futura

Gotham and Futura font pairing: Gotham headline with Futura body text

Futura and Gotham are both built from circles and straight lines, but Futura’s tighter apertures and true-circle bowls give it a noticeably different accent from Gotham’s wider, sign-painted geometry. Typ.io lists Futura among fonts used with Gotham on live sites, an example of designers using two geometric sans-serifs together. A limited release ships with macOS. Used carefully — Futura at a lighter weight for secondary text, Gotham reserved for primary headlines — the pairing reads as one geometric family with two distinct voices rather than a clash.

Character specimen: Gotham (heading) and Futura (body) letters, numbers and symbols side by side
Ad
Hostinger

Launch your professional website with AI Builder.

See details

5. Archivo

Gotham and Archivo font pairing: Gotham headline with Archivo body text

Archivo is a grotesque sans with a squarer, more mechanical rhythm than Gotham and a wide range of weights built for interface and editorial text. It works better as a secondary sans inside the same overall system than as a pure contrast partner, sharing Gotham’s confidence without duplicating its geometry. Archivo is free on Google Fonts, so the combination is easy to license entirely. Use it for UI chrome, secondary navigation and dense interface text where Gotham’s wider proportions would waste horizontal space.

Character specimen: Gotham (heading) and Archivo (body) letters, numbers and symbols side by side

6. Lora

Gotham and Lora font pairing: Gotham headline with Lora body text

Lora is a contemporary text serif with brushed, slightly calligraphic curves built specifically for legibility at small sizes rather than display drama. It carries long-form copy comfortably, freeing Gotham’s wide geometric caps for navigation and headlines where their scale actually matters. The moderate warmth in Lora’s letterforms softens Gotham’s engineered precision without introducing the historical weight a period serif would bring. Lora costs nothing on Google Fonts, and the pairing suits editorial sites, blogs and any long-scroll layout where a reader needs to stay comfortable well past the headline.

Character specimen: Gotham (heading) and Lora (body) letters, numbers and symbols side by side

7. Bitter

Gotham and Bitter font pairing: Gotham headline with Bitter body text

Bitter is a slab serif designed specifically for on-screen reading, with plain rectangular serifs and sturdy, even strokes rather than the playful ball terminals of a decorative slab. That restraint keeps it closer in spirit to Gotham’s no-nonsense geometry than a more characterful slab would be, so the two faces feel related rather than in competition. The Google Fonts release is free. Use Bitter for body copy and Gotham for the structural elements around it — headings, labels, navigation — where its wide caps read as calm rather than loud.

Character specimen: Gotham (heading) and Bitter (body) letters, numbers and symbols side by side
Ad
Fiverr

AI got you to 80%. A Fiverr expert gets you the other 20.

Learn more

8. Zilla Slab

Gotham and Zilla Slab font pairing: Gotham headline with Zilla Slab body text

Zilla Slab is Mozilla’s contemporary slab serif, based on Typotheque’s Tesla, with smooth curves and true italics. Its rounded, softened slab serifs give headings real structural heft that a hairline serif can’t supply, while Gotham keeps the supporting text calm and geometric around it. It is free on Google Fonts, so the pairing is available without a second license. Reserve Zilla Slab for subheads and pull quotes rather than the smallest body copy, where its slab weight is most useful, and let Gotham anchor the primary headline above it.

Character specimen: Gotham (heading) and Zilla Slab (body) letters, numbers and symbols side by side

9. Anton

Gotham and Anton font pairing: Anton headline with Gotham body text

Anton is an ultra-bold, tightly condensed display sans built for maximum poster impact, with none of Gotham’s restraint or open spacing. Reserving it for a single oversized headline lets Gotham’s calmer geometric forms carry everything else meant to be read — captions, navigation, body copy — without the layout shouting twice. It is free on Google Fonts, a low-cost way to add a second, louder register above Gotham’s usual authority. Use Anton sparingly and only at the largest sizes; it has no place in running text of any kind.

Character specimen: Anton (heading) and Gotham (body) letters, numbers and symbols side by side

10. Playfair Display

Gotham and Playfair Display font pairing: Playfair Display headline with Gotham body text

Playfair Display is a high-contrast display serif with sharp, Baskerville-inflected thick-thin strokes that give headlines a drama Gotham deliberately withholds. Splitting the two roles this way — Playfair loud on the headline, Gotham quiet on everything supporting it — avoids two competing neutral faces fighting for the same job. Google Fonts hosts it at no charge, and the pairing suits editorial mastheads, fashion and lifestyle brands, and any layout where the headline is meant to carry emotion while Gotham handles the practical reading underneath it.

Character specimen: Playfair Display (heading) and Gotham (body) letters, numbers and symbols side by side

11. Noto Serif

Gotham and Noto Serif font pairing: Gotham headline with Noto Serif body text

Noto Serif is a plain, restrained text serif in Google’s Noto collection. Its calm, workmanlike rhythm keeps body text readable under Gotham’s open, wide-set headlines without adding a second competing voice to the page. It is free on Google Fonts and supports Latin, Cyrillic and Greek; other scripts in the wider Noto collection use their own companion families. Use it for dense body copy and documentation rather than display work.

Character specimen: Gotham (heading) and Noto Serif (body) letters, numbers and symbols side by side

12. Public Sans

Gotham and Public Sans font pairing: Gotham headline with Public Sans body text

Public Sans is a civic grotesque built for U.S. government digital services, derived from Libre Franklin with a robust, no-frills structure designed to hold up under heavy accessibility scrutiny. Using it as Gotham’s secondary typeface avoids the problem of two geometric sans competing for the same job, keeping UI chrome and body text plain and entirely functional. Public Sans costs nothing to license, and the pairing suits institutional, civic and enterprise systems where Gotham supplies visual identity at the top of the page and Public Sans handles everything a user actually has to read.

Character specimen: Gotham (heading) and Public Sans (body) letters, numbers and symbols side by side

13. Adobe Caslon

Gotham and Adobe Caslon font pairing: Adobe Caslon headline with Gotham body text

Adobe Caslon’s bracketed serifs and eighteenth-century proportions read as institutional trust, offsetting Gotham’s engineered, sign-painter geometry with a very different kind of authority. Kittl and Monotype put Adobe Caslon with Gotham in their font-pairing guide, and Typewolf records the combination on Loeffler Randall’s site. Let Adobe Caslon take the headline, as the Kittl and Monotype guide suggests, and use Gotham for supporting text. Adobe Caslon is available through an Adobe Fonts subscription. This combination suits reports and brand systems where both faces’ licenses are already accounted for in the budget.

Character specimen: Adobe Caslon (heading) and Gotham (body) letters, numbers and symbols side by side

14. Miller

Gotham and Miller font pairing: Gotham headline with Miller body text

Miller is a classic Scotch-Roman text serif with old-world editorial gravity, and set beside Gotham’s ruler-and-compass forms it reads like a magazine masthead sitting next to modern wayfinding type. The historical weight it carries is a genuine counterpoint to Gotham’s engineered neutrality rather than a plain body workhorse. Miller is a retail face licensed through Font Bureau rather than free, adding a second premium cost on top of Gotham itself. Reserve it for editorial contexts — long-form journalism, magazine layouts — where that particular masthead-and-signage contrast is the whole point of the pairing.

Character specimen: Gotham (heading) and Miller (body) letters, numbers and symbols side by side

15. Myriad

Gotham and Myriad font pairing: Gotham headline with Myriad body text

Myriad offers a humanist sans-serif counterpoint to Gotham’s geometric forms. Its calmer letterforms make it a useful running-text option when a project already has access to Myriad. Myriad Pro has shipped with Adobe Reader, though availability depends on the software and license in use. Use it for body copy in Gotham-based systems where the license permits it.

Character specimen: Gotham (heading) and Myriad (body) letters, numbers and symbols side by side

Conclusion

Gotham’s wide, sign-painted capitals were built to be seen at a distance, not read in paragraphs, so the practical question behind every pairing above is the same one: what carries the text Gotham can’t. Some partners answer with plain structural contrast, others share Gotham’s geometric family and separate on detail alone — both approaches work, and the standard advice to avoid pairing two geometric sans together doesn’t always hold up against how designers actually use the face.

Because Gotham is a licensed retail face, confirm access to it — or a free geometric substitute — before committing a layout to any of these pairings. Then test the combination at the sizes you will publish; a pairing that separates cleanly in a specimen can still blur once real copy fills the page.

About the Author

Douglas Bonneville is a graphic designer and typographer since 1992. He is the author of The Big Book of Font Combinations and has contributed to numerous design publications. His work focuses on making typography accessible and practical for designers at all levels.

About Douglas Bonneville

Douglas has been a graphic designer since 1992, in addition to software developer and author. He is a member of Smashing Magazine's "Panel of Experts" and has contributed to over 100 articles. He is the author of "The Big Book of Font Combinations", loves cats, and plays guitar.

About BonFX

Douglas Bonneville has been a graphic designer since 1992 and has written about type here since 2009. BonFX is a blog about typography and design, and the books that came out of it.

More about BonFX →

Start Here

Contact

Questions about the books or the site? Contact us.

Follow @dbonneville on X.

The BonFX Letter: one good pairing every Tuesday, free. The signup is in the sidebar of every page.