Spin, preview, and take beautiful free fonts into your next project.
Libre Baskerville + Source Sans 3 font pairing
A fresh perspective.
Good typography is invisible until it isn’t. This preview shows Libre Baskerville for headings and Source Sans 3 for body text.
Why they work together
Libre Baskerville was optimised for on-screen reading with a large x-height, so it holds up even at modest heading sizes. Source Sans 3 is a humanist sans with excellent legibility, giving articles a trustworthy, bookish feel.
How to use this pairing
Libre Baskerville is wide; keep line lengths shorter for headings. Use Source Sans 3 at 17–18px with a 1.6 line-height for long reads.
Best for
- Blogs and newsletters
- Non-profits
- Academic publications
More pairings for Libre Baskerville and Source Sans 3.
CSS
/* Found with Font Roulette: https://www.font-roulette.com/?tab=pair&display=Libre+Baskerville&body=Source+Sans+3 */
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville&family=Source+Sans+3&display=swap');
h1, h2, h3 {
font-family: 'Libre Baskerville', serif;
}
body {
font-family: 'Source Sans 3', 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.