Cascadia Code font pairings
Fonts that go with Cascadia Code — live previews, pairing ideas and free embed code.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !?&@€$%
Cascadia Code is a free sans serif typeface designed by Aaron Bell, Mohamad Dakak, Viktoriya Grabowska and Liron Lavi Turkenich, added to Google Fonts in 2025.
It comes in 6 weights with matching italics, and is a variable font with a weight axis.
It is the #1,199 most popular Latin font family on Google Fonts and supports Arabic, Cyrillic, Cyrillic Extended, Greek and Hebrew characters.
With 6 weights, Cascadia Code is versatile enough for headings, interface text and body copy.
Fonts that pair well with Cascadia Code
Typography sets the tone before a single word is read. A good pairing feels like one voice.
A classic contrast: Merriweather's serifs give headlines an editorial, trustworthy voice while Cascadia Code'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: Playfair Display's serifs give headlines an editorial, trustworthy voice while Cascadia Code'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: Fraunces's serifs give headlines an editorial, trustworthy voice while Cascadia Code'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: Cascadia Code keeps headings crisp and contemporary, while Lora'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: Cascadia Code keeps headings crisp and contemporary, while Crimson Text'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.
Black Ops One is a display face with strong personality — use it big and sparingly.
Try Cascadia Code in the pairing tool →
How to use Cascadia Code 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=Cascadia+Code:wght@400;700&display=swap" rel="stylesheet">font-family: 'Cascadia Code', sans-serif;Similar fonts to Cascadia Code
Frequently asked questions
Is Cascadia Code free for commercial use?
Yes. Cascadia Code 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 Cascadia Code?
Good matches for Cascadia Code include Merriweather, Playfair Display, Fraunces and Lora. Each of these offers enough contrast to create clear hierarchy while keeping a consistent feel.
Is Cascadia Code a variable font?
Yes. Cascadia Code is a variable font with a weight (200–700) axis.
Who designed Cascadia Code?
Cascadia Code was designed by Aaron Bell, Mohamad Dakak, Viktoriya Grabowska and Liron Lavi Turkenich.