Darker Grotesque font pairings
Fonts that go with Darker Grotesque — live previews, pairing ideas and free embed code.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !?&@€$%
Darker Grotesque is a free sans serif typeface designed by Gabriel Lam and ViệtAnh Nguyễn, added to Google Fonts in 2019.
It comes in 7 weights, and is a variable font with a weight axis.
It is the #450 most popular Latin font family on Google Fonts and supports Latin, Latin Extended and Vietnamese characters.
With 7 weights, Darker Grotesque is versatile enough for headings, interface text and body copy.
Fonts that pair well with Darker Grotesque
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 Darker Grotesque'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 Darker Grotesque'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 Darker Grotesque'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: Darker Grotesque 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: Darker Grotesque keeps headings crisp and contemporary, while Bitter'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 Darker Grotesque in the pairing tool →
How to use Darker Grotesque 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=Darker+Grotesque:wght@400;700&display=swap" rel="stylesheet">font-family: 'Darker Grotesque', sans-serif;Similar fonts to Darker Grotesque
Frequently asked questions
Is Darker Grotesque free for commercial use?
Yes. Darker Grotesque 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 Darker Grotesque?
Good matches for Darker Grotesque include Playfair Display, Fraunces, Source Serif 4 and Lora. Each of these offers enough contrast to create clear hierarchy while keeping a consistent feel.
Is Darker Grotesque a variable font?
Yes. Darker Grotesque is a variable font with a weight (300–900) axis.
Who designed Darker Grotesque?
Darker Grotesque was designed by Gabriel Lam and ViệtAnh Nguyễn.