Spin, preview, and take beautiful free fonts into your next project.
Raleway + Lato font pairing
A fresh perspective.
Good typography is invisible until it isn’t. This preview shows Raleway for headings and Lato for body text.
Why they work together
Raleway's thin-to-black weight range and distinctive 'W' give headings an elegant, airy feel, while Lato's semi-rounded details keep body text warm and stable.
How to use this pairing
Use Raleway at 300 for large hero text or 700 for smaller headings. Enable lining numerals in Raleway (font-variant-numeric: lining-nums) for prices.
Best for
- Agencies
- Architecture studios
- Wellness brands
CSS
/* Found with Font Roulette: https://www.font-roulette.com/?tab=pair&display=Raleway&body=Lato */
@import url('https://fonts.googleapis.com/css2?family=Raleway&family=Lato&display=swap');
h1, h2, h3 {
font-family: 'Raleway', sans-serif;
}
body {
font-family: 'Lato', 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.