Karla font pairings
Fonts that go with Karla — live previews, pairing ideas and free embed code.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !?&@€$%
Karla is a free sans serif typeface designed by Jonny Pinhorn, added to Google Fonts in 2012.
It comes in 7 weights with matching italics, and is a variable font with a weight axis.
It is the #55 most popular Latin font family on Google Fonts.
With 7 weights, Karla is versatile enough for headings, interface text and body copy.
Fonts that pair well with Karla
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.
Softly rounded corners on headings with a quirky grotesque for body text.
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 Karla'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: Source Serif 4's serifs give headlines an editorial, trustworthy voice while Karla'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: Arvo's serifs give headlines an editorial, trustworthy voice while Karla'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: Karla keeps headings crisp and contemporary, while Newsreader's serifs guide the eye along longer lines of text.
Try Karla in the pairing tool →
How to use Karla 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=Karla:wght@400;700&display=swap" rel="stylesheet">font-family: 'Karla', sans-serif;Similar fonts to Karla
Frequently asked questions
Is Karla free for commercial use?
Yes. Karla 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 Karla?
Good matches for Karla include Spectral, Rubik, Playfair Display and Source Serif 4. Each of these offers enough contrast to create clear hierarchy while keeping a consistent feel.
Is Karla a variable font?
Yes. Karla is a variable font with a weight (200–800) axis.
Who designed Karla?
Karla was designed by Jonny Pinhorn.