Host Grotesk font pairings
Fonts that go with Host Grotesk — live previews, pairing ideas and free embed code.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !?&@€$%
Host Grotesk is a free sans serif typeface designed by Element Type, Doğukan Karapınar and İbrahim Kaçtıoğlu, added to Google Fonts in 2024.
It comes in 6 weights with matching italics, and is a variable font with a weight axis.
It is the #336 most popular Latin font family on Google Fonts.
With 6 weights, Host Grotesk is versatile enough for headings, interface text and body copy.
Fonts that pair well with Host Grotesk
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 Host Grotesk'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 Host Grotesk'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: Bodoni Moda's serifs give headlines an editorial, trustworthy voice while Host Grotesk'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: Host Grotesk keeps headings crisp and contemporary, while Roboto 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.
A modern twist on the classic: Host Grotesk keeps headings crisp and contemporary, while Crimson Text'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 Host Grotesk in the pairing tool →
How to use Host Grotesk 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=Host+Grotesk:wght@400;700&display=swap" rel="stylesheet">font-family: 'Host Grotesk', sans-serif;Similar fonts to Host Grotesk
Frequently asked questions
Is Host Grotesk free for commercial use?
Yes. Host Grotesk 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 Host Grotesk?
Good matches for Host Grotesk include Playfair Display, Lora, Bodoni Moda and Roboto Slab. Each of these offers enough contrast to create clear hierarchy while keeping a consistent feel.
Is Host Grotesk a variable font?
Yes. Host Grotesk is a variable font with a weight (300–800) axis.
Who designed Host Grotesk?
Host Grotesk was designed by Element Type, Doğukan Karapınar and İbrahim Kaçtıoğlu.