Mada font pairings
Fonts that go with Mada — live previews, pairing ideas and free embed code.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !?&@€$%
Mada is a free sans serif typeface designed by Khaled Hosny and Paul D. Hunt, added to Google Fonts in 2017.
It comes in 8 weights, and is a variable font with a weight axis.
It is the #438 most popular Latin font family on Google Fonts and supports Arabic, Latin and Latin Extended characters.
With 8 weights, Mada is versatile enough for headings, interface text and body copy.
Fonts that pair well with Mada
Typography sets the tone before a single word is read. A good pairing feels like one voice.
A classic contrast: EB Garamond's serifs give headlines an editorial, trustworthy voice while Mada'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: Roboto Slab's serifs give headlines an editorial, trustworthy voice while Mada'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 Mada'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: Mada 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.
A modern twist on the classic: Mada keeps headings crisp and contemporary, while Fraunces'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 Mada in the pairing tool →
How to use Mada 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=Mada:wght@400;700&display=swap" rel="stylesheet">font-family: 'Mada', sans-serif;Similar fonts to Mada
Frequently asked questions
Is Mada free for commercial use?
Yes. Mada 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 Mada?
Good matches for Mada include EB Garamond, Roboto Slab, Lora and Cormorant Garamond. Each of these offers enough contrast to create clear hierarchy while keeping a consistent feel.
Is Mada a variable font?
Yes. Mada is a variable font with a weight (200–900) axis.
Who designed Mada?
Mada was designed by Khaled Hosny and Paul D. Hunt.