Spectral font pairings
Fonts that go with Spectral — live previews, pairing ideas and free embed code.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !?&@€$%
Spectral is a free serif typeface designed by Production Type, added to Google Fonts in 2017.
It comes in 7 weights with matching italics.
It is the #153 most popular Latin font family on Google Fonts and supports Cyrillic, Cyrillic Extended, Latin, Latin Extended and Vietnamese characters.
With 7 weights, Spectral is versatile enough for headings, interface text and body copy.
Fonts that pair well with Spectral
Typography sets the tone before a single word is read. A good pairing feels like one voice.
A screen-first serif with literary charm, grounded by Karla’s quirky grotesque.
Typography sets the tone before a single word is read. A good pairing feels like one voice.
A classic contrast: Spectral's serifs give headlines an editorial, trustworthy voice while Roboto Condensed'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: Spectral's serifs give headlines an editorial, trustworthy voice while IBM Plex Sans'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: Spectral's serifs give headlines an editorial, trustworthy voice while Montserrat'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: Nunito keeps headings crisp and contemporary, while Spectral'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: Open Sans keeps headings crisp and contemporary, while Spectral's serifs guide the eye along longer lines of text.
Try Spectral in the pairing tool →
How to use Spectral 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=Spectral:wght@400;700&display=swap" rel="stylesheet">font-family: 'Spectral', serif;Similar fonts to Spectral
Frequently asked questions
Is Spectral free for commercial use?
Yes. Spectral 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 Spectral?
Good matches for Spectral include Karla, Roboto Condensed, IBM Plex Sans and Montserrat. Each of these offers enough contrast to create clear hierarchy while keeping a consistent feel.
Is Spectral a variable font?
No. Spectral is available as 7 static weights.
Who designed Spectral?
Spectral was designed by Production Type.