Spin, preview, and take beautiful free fonts into your next project.
Work Sans + Bitter font pairing
A fresh perspective.
Good typography is invisible until it isn’t. This preview shows Work Sans for headings and Bitter for body text.
Why they work together
Work Sans gives headlines a clean, slightly wide grotesque voice, while Bitter's slab serif was designed for comfortable screen reading. The slab adds warmth and texture to long-form copy.
How to use this pairing
Work Sans 600 for headings; Bitter 400 at 17px for body. A good choice for e-readers and blogs.
Best for
- Blogs
- E-learning
- Recipe sites
CSS
/* Found with Font Roulette: https://www.font-roulette.com/?tab=pair&display=Work+Sans&body=Bitter */
@import url('https://fonts.googleapis.com/css2?family=Work+Sans&family=Bitter&display=swap');
h1, h2, h3 {
font-family: 'Work Sans', sans-serif;
}
body {
font-family: 'Bitter', 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.