Fonts that go with Urbanist

6 free fonts that pair well with Urbanist, a sans serif font by Corey Hu. Each pair is set as a real heading and paragraph, so you can see them work together.

Top pairing

Urbanist and Noto Serif

Urbanist heading, Noto Serif text

Good design starts with a clear voice

A strong pairing gives your headline personality and keeps your paragraphs easy to read. Here the heading and the text are set in two different fonts, so you can judge how they work together before you choose.

Noto Serif heading, Urbanist text

Good design starts with a clear voice

A strong pairing gives your headline personality and keeps your paragraphs easy to read. Here the heading and the text are set in two different fonts, so you can judge how they work together before you choose.

A classic contrast: the sans serif Urbanist and the serif Noto Serif feel different at a glance, so headings and body text are easy to tell apart while sharing a similar mood.

Pairing 2

Urbanist and Crimson Pro

Urbanist heading, Crimson Pro text

Good design starts with a clear voice

A strong pairing gives your headline personality and keeps your paragraphs easy to read. Here the heading and the text are set in two different fonts, so you can judge how they work together before you choose.

Crimson Pro heading, Urbanist text

Good design starts with a clear voice

A strong pairing gives your headline personality and keeps your paragraphs easy to read. Here the heading and the text are set in two different fonts, so you can judge how they work together before you choose.

A classic contrast: the sans serif Urbanist and the serif Crimson Pro feel different at a glance, so headings and body text are easy to tell apart while sharing a similar mood.

Pairing 3

Urbanist and Roboto Slab

Urbanist heading, Roboto Slab text

Good design starts with a clear voice

A strong pairing gives your headline personality and keeps your paragraphs easy to read. Here the heading and the text are set in two different fonts, so you can judge how they work together before you choose.

Roboto Slab heading, Urbanist text

Good design starts with a clear voice

A strong pairing gives your headline personality and keeps your paragraphs easy to read. Here the heading and the text are set in two different fonts, so you can judge how they work together before you choose.

A classic contrast: the sans serif Urbanist and the serif Roboto Slab feel different at a glance, so headings and body text are easy to tell apart while sharing a similar mood.

Pairing 4

Urbanist and Frank Ruhl Libre

Urbanist heading, Frank Ruhl Libre text

Good design starts with a clear voice

A strong pairing gives your headline personality and keeps your paragraphs easy to read. Here the heading and the text are set in two different fonts, so you can judge how they work together before you choose.

Frank Ruhl Libre heading, Urbanist text

Good design starts with a clear voice

A strong pairing gives your headline personality and keeps your paragraphs easy to read. Here the heading and the text are set in two different fonts, so you can judge how they work together before you choose.

A classic contrast: the sans serif Urbanist and the serif Frank Ruhl Libre feel different at a glance, so headings and body text are easy to tell apart while sharing a similar mood.

Pairing 5

Urbanist and Aleo

Urbanist heading, Aleo text

Good design starts with a clear voice

A strong pairing gives your headline personality and keeps your paragraphs easy to read. Here the heading and the text are set in two different fonts, so you can judge how they work together before you choose.

Aleo heading, Urbanist text

Good design starts with a clear voice

A strong pairing gives your headline personality and keeps your paragraphs easy to read. Here the heading and the text are set in two different fonts, so you can judge how they work together before you choose.

A classic contrast: the sans serif Urbanist and the serif Aleo feel different at a glance, so headings and body text are easy to tell apart while sharing a similar mood.

Pairing 6

Urbanist and Noto Serif JP

Urbanist heading, Noto Serif JP text

Good design starts with a clear voice

A strong pairing gives your headline personality and keeps your paragraphs easy to read. Here the heading and the text are set in two different fonts, so you can judge how they work together before you choose.

Noto Serif JP heading, Urbanist text

Good design starts with a clear voice

A strong pairing gives your headline personality and keeps your paragraphs easy to read. Here the heading and the text are set in two different fonts, so you can judge how they work together before you choose.

A classic contrast: the sans serif Urbanist and the serif Noto Serif JP feel different at a glance, so headings and body text are easy to tell apart while sharing a similar mood.

Pairing Urbanist, answered

What font goes best with Urbanist?

Noto Serif is our top pick. A classic contrast: the sans serif Urbanist and the serif Noto Serif feel different at a glance, so headings and body text are easy to tell apart while sharing a similar mood.

Should Urbanist be the heading or the body font?

Either works. Urbanist has several weights, so it can carry headings or text. Try both orders above and keep the one that reads more clearly.

Are these font pairings free for commercial use?

Yes. Every font on this page is open licence, free for personal and commercial work, including logos, websites and print.

How do I use two fonts on a website?

Open each font page and copy the web embed code. Link both in your HTML, then set the heading font on h1, h2 and h3 and the body font on body or p in your CSS.