Spin, preview, and take beautiful free fonts into your next project.
Roboto Slab + Roboto font pairing
A fresh perspective.
Good typography is invisible until it isn’t. This preview shows Roboto Slab for headings and Roboto for body text.
Why they work together
Roboto Slab and Roboto share the same skeleton, so the slab headlines feel related but distinct. It's an easy, practical pairing for products that already use Material Design.
How to use this pairing
Roboto Slab 600 for headings; Roboto 400 for body. Both are variable fonts with broad language coverage.
Best for
- Android apps
- Internal tools
- Documentation
More pairings for Roboto Slab and Roboto.
CSS
/* Found with Font Roulette: https://www.font-roulette.com/?tab=pair&display=Roboto+Slab&body=Roboto */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&family=Roboto&display=swap');
h1, h2, h3 {
font-family: 'Roboto Slab', serif;
}
body {
font-family: 'Roboto', sans-serif;
}Similar font pairings
Start with a little inspiration
Curated pairings for the thing you’re making.
Google Font pairings for portfolios ↗
Give your work a distinctive voice with three free font pairings for creative portfolios.
Google Font pairings for SaaS websites ↗
Explore three free, readable font combinations for SaaS landing pages and product interfaces.
Google Font pairings for blogs and editorial sites ↗
Try three free serif and sans-serif combinations for readable articles, newsletters, and magazines.