Spin, preview, and take beautiful free fonts into your next project.
Cormorant Garamond + Work Sans font pairing
A fresh perspective.
Good typography is invisible until it isn’t. This preview shows Cormorant Garamond for headings and Work Sans for body text.
Why they work together
Cormorant Garamond is a refined display Garamond with delicate details that shine at large sizes. Work Sans, with its slightly wide grotesque forms, grounds it and keeps captions and navigation legible.
How to use this pairing
Cormorant needs size to breathe: keep it at 36px or larger and use the 500 weight on dark backgrounds. Work Sans at 400 pairs well at 15–17px.
Best for
- Fashion and beauty brands
- Wedding and event sites
- Art direction portfolios
More pairings for Cormorant Garamond and Work Sans.
CSS
/* Found with Font Roulette: https://www.font-roulette.com/?tab=pair&display=Cormorant+Garamond&body=Work+Sans */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond&family=Work+Sans&display=swap');
h1, h2, h3 {
font-family: 'Cormorant Garamond', serif;
}
body {
font-family: 'Work Sans', 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.