Cairo font pairings
Fonts that go with Cairo — live previews, pairing ideas and free embed code.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !?&@€$%
Cairo is a free sans serif typeface designed by Mohamed Gaber and Accademia di Belle Arti di Urbino, added to Google Fonts in 2016.
It comes in 9 weights, and is a variable font with slant and weight axes.
It is the #78 most popular Latin font family on Google Fonts and supports Arabic, Latin and Latin Extended characters.
With 9 weights, Cairo is versatile enough for headings, interface text and body copy.
Fonts that pair well with Cairo
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 Cairo'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: Merriweather's serifs give headlines an editorial, trustworthy voice while Cairo'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: PT Serif's serifs give headlines an editorial, trustworthy voice while Cairo'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: Cairo 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: Cairo keeps headings crisp and contemporary, while Cormorant Garamond'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.
Lobster is a display face with strong personality — use it big and sparingly.
Try Cairo in the pairing tool →
How to use Cairo 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=Cairo:wght@400;700&display=swap" rel="stylesheet">font-family: 'Cairo', sans-serif;Similar fonts to Cairo
Frequently asked questions
Is Cairo free for commercial use?
Yes. Cairo 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 Cairo?
Good matches for Cairo include Lora, Merriweather, PT Serif and Roboto Slab. Each of these offers enough contrast to create clear hierarchy while keeping a consistent feel.
Is Cairo a variable font?
Yes. Cairo is a variable font with slant (-11–11) and weight (200–1000) axes.
Who designed Cairo?
Cairo was designed by Mohamed Gaber and Accademia di Belle Arti di Urbino.