Open the lab →
Display · Google Font

Macondo font pairings

Fonts that go with Macondo — live previews, pairing ideas and free embed code.

Display1 weightby John Vargas Beltrán
Sphinx of black quartz, judge my vow
400The quick brown fox jumps over the lazy dog

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !?&@€$%

Macondo is a free display typeface designed by John Vargas Beltrán, added to Google Fonts in 2012.

It comes in 1 weight.

It is the #708 most popular Latin font family on Google Fonts.

As a display face, Macondo works best at large sizes — headlines, logos, posters and hero sections — paired with a quieter font for body text.

Fonts that pair well with Macondo

Where craft meets code

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HMacondoBOpen Sansbold→

Macondo is a display face with strong personality — use it big and sparingly.

Ideas that travel well

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HMacondoBMontserratbold→

Macondo is a display face with strong personality — use it big and sparingly.

Design is how it works

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HMacondoBNunito Sansbold→

Macondo is a display face with strong personality — use it big and sparingly.

A field guide to good ideas

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HMacondoBRobotobold→

Macondo is a display face with strong personality — use it big and sparingly.

Ideas that travel well

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HMacondoBRoboto Slabbold→

Macondo brings character to headlines, and Roboto Slab adds a bookish, readable rhythm to paragraphs — a good fit for editorial and brand sites.

Notes from the studio

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HMacondoBSource Serif 4bold→

Macondo brings character to headlines, and Source Serif 4 adds a bookish, readable rhythm to paragraphs — a good fit for editorial and brand sites.

Try Macondo in the pairing tool →

How to use Macondo on your website

HTML — paste in <head>
<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=Macondo:wght@400&display=swap" rel="stylesheet">
CSS
font-family: 'Macondo', sans-serif;

Similar fonts to Macondo

Bubblegum SansDisplay · 1 weights
The quick brown fox jumps over the lazy dog
Seaweed ScriptDisplay · 1 weights
The quick brown fox jumps over the lazy dog
Comic ReliefDisplay · 2 weights
The quick brown fox jumps over the lazy dog
Faster OneDisplay · 1 weights
The quick brown fox jumps over the lazy dog
Irish GroverDisplay · 1 weights
The quick brown fox jumps over the lazy dog
Grenze GotischDisplay · 9 weights
The quick brown fox jumps over the lazy dog

Frequently asked questions

Is Macondo free for commercial use?

Yes. Macondo 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 Macondo?

Good matches for Macondo include Open Sans, Montserrat, Nunito Sans and Roboto. Each of these offers enough contrast to create clear hierarchy while keeping a consistent feel.

Is Macondo a variable font?

No. Macondo is available as 1 static weight.

Who designed Macondo?

Macondo was designed by John Vargas Beltrán.