SN Pro font pairings
Fonts that go with SN Pro — live previews, pairing ideas and free embed code.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !?&@€$%
SN Pro is a free sans serif typeface designed by Tobias Whetton and Supernotes, added to Google Fonts in 2026.
It comes in 8 weights with matching italics, and is a variable font with a weight axis.
It is the #1,250 most popular Latin font family on Google Fonts and supports Cyrillic, Cyrillic Extended, Latin, Latin Extended and Vietnamese characters.
With 8 weights, SN Pro is versatile enough for headings, interface text and body copy.
Fonts that pair well with SN Pro
Typography sets the tone before a single word is read. A good pairing feels like one voice.
A classic contrast: Roboto Slab's serifs give headlines an editorial, trustworthy voice while SN Pro'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: Lora's serifs give headlines an editorial, trustworthy voice while SN Pro'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: EB Garamond's serifs give headlines an editorial, trustworthy voice while SN Pro'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: SN Pro keeps headings crisp and contemporary, while Bodoni Moda'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: SN Pro keeps headings crisp and contemporary, while Merriweather'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.
Bungee is a display face with strong personality — use it big and sparingly.
Try SN Pro in the pairing tool →
How to use SN Pro 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=SN+Pro:wght@400;700&display=swap" rel="stylesheet">font-family: 'SN Pro', sans-serif;Similar fonts to SN Pro
Frequently asked questions
Is SN Pro free for commercial use?
Yes. SN Pro 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 SN Pro?
Good matches for SN Pro include Roboto Slab, Lora, EB Garamond and Bodoni Moda. Each of these offers enough contrast to create clear hierarchy while keeping a consistent feel.
Is SN Pro a variable font?
Yes. SN Pro is a variable font with a weight (200–900) axis.
Who designed SN Pro?
SN Pro was designed by Tobias Whetton and Supernotes.