friendly

Roboto Slab and M PLUS Rounded 1c font pairing

Serif headings with a sans serif body.

Background
Issue 07 · Field notes
Notes from the studio

Good pairings feel inevitable. Great ones set the tone before a single word is read.

Typography sets the tone before a single word is read. A strong pairing creates clear hierarchy while feeling like one consistent voice across every page. This paragraph is set in M PLUS Rounded 1c, while the headline uses Roboto Slab. Numbers like 0123456789, punctuation “quotes” — and ampersands & — reveal a lot about how two typefaces get along.

Contrast, then harmony

Look for contrast in structure and harmony in proportion: similar x-heights, compatible widths and a shared sense of rhythm. Bold text and italic text should feel natural, too.

Why this pairing works

A classic contrast: Roboto Slab's serifs give headlines an editorial, trustworthy voice while M PLUS Rounded 1c's clean shapes keep body text easy to scan on screens. M PLUS Rounded 1c ships in 7 weights, so you can build captions, buttons and emphasis without adding another family.

HRoboto Slab

Roboto Slab is a free slab serif typeface designed by Christian Robertson, added to Google Fonts in 2013. It comes in 9 weights, and is a variable font with a weight axis.

More pairings for Roboto Slab →

BM PLUS Rounded 1c

M PLUS Rounded 1c is a free sans serif typeface designed by Coji Morishita and M+ Fonts Project, added to Google Fonts in 2018. It comes in 7 weights.

More pairings for M PLUS Rounded 1c →

Use this pairing 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=Roboto+Slab:wght@700&family=M+PLUS+Rounded+1c:wght@400;700&display=swap" rel="stylesheet">
CSS
h1, h2, h3 {
  font-family: 'Roboto Slab', serif;
  font-weight: 700;
}

body {
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 400;
  line-height: 1.6;
}

More pairings with Roboto Slab

The art of saying less

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

HRoboto SlabBRubikfriendly→

A classic contrast: Roboto Slab's serifs give headlines an editorial, trustworthy voice while Rubik's clean shapes keep body text easy to scan on screens.

Ideas that travel well

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

HRoboto SlabBPoppinsfriendly→

A classic contrast: Roboto Slab's serifs give headlines an editorial, trustworthy voice while Poppins's clean shapes keep body text easy to scan on screens.

More pairings with M PLUS Rounded 1c

Make something people love

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

HLoraBM PLUS Rounded 1ceditorial→

A classic contrast: Lora's serifs give headlines an editorial, trustworthy voice while M PLUS Rounded 1c's clean shapes keep body text easy to scan on screens.

Make something people love

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

HArvoBM PLUS Rounded 1cfriendly→

A classic contrast: Arvo's serifs give headlines an editorial, trustworthy voice while M PLUS Rounded 1c's clean shapes keep body text easy to scan on screens.

Stories worth reading slowly

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

HM PLUS Rounded 1cBBittermoderneditorial→

A modern twist on the classic: M PLUS Rounded 1c keeps headings crisp and contemporary, while Bitter's serifs guide the eye along longer lines of text.

Frequently asked questions

Do Roboto Slab and M PLUS Rounded 1c go well together?

A classic contrast: Roboto Slab's serifs give headlines an editorial, trustworthy voice while M PLUS Rounded 1c's clean shapes keep body text easy to scan on screens. M PLUS Rounded 1c ships in 7 weights, so you can build captions, buttons and emphasis without adding another family.

Which font should be used for headings?

Use Roboto Slab for headings at weight 700, and M PLUS Rounded 1c for body text at weight 400. You can swap them in the pairing tool to compare.

Are Roboto Slab and M PLUS Rounded 1c free?

Yes — both are open-source fonts on Google Fonts and free for personal and commercial use.