Overpass font pairings
Fonts that go with Overpass — live previews, pairing ideas and free embed code.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !?&@€$%
Overpass is a free sans serif typeface designed by Delve Withrington, Dave Bailey and Thomas Jockin, added to Google Fonts in 2016.
It comes in 9 weights with matching italics, and is a variable font with a weight axis.
It is the #119 most popular Latin font family on Google Fonts and supports Cyrillic, Cyrillic Extended, Latin, Latin Extended and Vietnamese characters.
With 9 weights, Overpass is versatile enough for headings, interface text and body copy.
Fonts that pair well with Overpass
Typography sets the tone before a single word is read. A good pairing feels like one voice.
A classic contrast: Cormorant Garamond's serifs give headlines an editorial, trustworthy voice while Overpass's clean shapes keep body text easy to scan on screens.
Typography sets the tone before a single word is read. A good pairing feels like one voice.
A classic contrast: Domine's serifs give headlines an editorial, trustworthy voice while Overpass's clean shapes keep body text easy to scan on screens.
Typography sets the tone before a single word is read. A good pairing feels like one voice.
A classic contrast: Crimson Text's serifs give headlines an editorial, trustworthy voice while Overpass's clean shapes keep body text easy to scan on screens.
Typography sets the tone before a single word is read. A good pairing feels like one voice.
A modern twist on the classic: Overpass keeps headings crisp and contemporary, while Playfair Display's serifs guide the eye along longer lines of text.
Typography sets the tone before a single word is read. A good pairing feels like one voice.
A modern twist on the classic: Overpass keeps headings crisp and contemporary, while Fraunces's serifs guide the eye along longer lines of text.
Typography sets the tone before a single word is read. A good pairing feels like one voice.
Comfortaa is a display face with strong personality — use it big and sparingly.
Try Overpass in the pairing tool →
How to use Overpass on your website
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Overpass:wght@400;700&display=swap" rel="stylesheet">font-family: 'Overpass', sans-serif;Similar fonts to Overpass
Frequently asked questions
Is Overpass free for commercial use?
Yes. Overpass is distributed through Google Fonts under an open-source licence, so you can use it for free in personal and commercial projects, including websites, apps, logos and print.
What fonts go well with Overpass?
Good matches for Overpass include Cormorant Garamond, Domine, Crimson Text and Playfair Display. Each of these offers enough contrast to create clear hierarchy while keeping a consistent feel.
Is Overpass a variable font?
Yes. Overpass is a variable font with a weight (100–900) axis.
Who designed Overpass?
Overpass was designed by Delve Withrington, Dave Bailey and Thomas Jockin.