Spin, preview, and take beautiful free fonts into your next project.
Syne + Inter font pairing
A fresh perspective.
Good typography is invisible until it isn’t. This preview shows Syne for headings and Inter for body text.
Why they work together
Syne was made for an art centre and gets wider and wilder as it gets heavier. Paired with Inter, it turns headlines into a statement while keeping body text sensible.
How to use this pairing
Syne 700–800 is very wide: keep headlines short and allow them to wrap. Inter at 400 for everything else.
Best for
- Art galleries
- Creative studios
- Music labels
CSS
/* Found with Font Roulette: https://www.font-roulette.com/?tab=pair&display=Syne&body=Inter */
@import url('https://fonts.googleapis.com/css2?family=Syne&family=Inter&display=swap');
h1, h2, h3 {
font-family: 'Syne', sans-serif;
}
body {
font-family: 'Inter', 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.