Clarity City font pairings
Fonts that go with Clarity City — live previews, pairing ideas and free embed code.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !?&@€$%
Clarity City is a free sans serif typeface designed by VMware and Chris Simpson, added to Google Fonts in 2026.
It comes in 9 weights with matching italics, and is a variable font with a weight axis.
It is the #1,591 most popular Latin font family on Google Fonts.
With 9 weights, Clarity City is versatile enough for headings, interface text and body copy.
Fonts that pair well with Clarity City
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 Clarity City'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 Clarity City'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: Cormorant Garamond's serifs give headlines an editorial, trustworthy voice while Clarity City'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: Clarity City 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.
A modern twist on the classic: Clarity City keeps headings crisp and contemporary, while Zilla Slab'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 Clarity City in the pairing tool →
How to use Clarity City 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=Clarity+City:wght@400;700&display=swap" rel="stylesheet">font-family: 'Clarity City', sans-serif;Similar fonts to Clarity City
Frequently asked questions
Is Clarity City free for commercial use?
Yes. Clarity City 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 Clarity City?
Good matches for Clarity City include Roboto Slab, Playfair Display, Cormorant Garamond and Merriweather. Each of these offers enough contrast to create clear hierarchy while keeping a consistent feel.
Is Clarity City a variable font?
Yes. Clarity City is a variable font with a weight (100–900) axis.
Who designed Clarity City?
Clarity City was designed by VMware and Chris Simpson.