EspañolGoogle Fonts pairings
Pick a ready-made pairing or one font for headings and another for body text. Type your business name to see how it looks and copy the code.
How to useFonts that go together
Available in: 
Google Fonts pairings: what it is for
Pick one of the ready-made pairs (elegant, modern, classic, bold, delicate, sweet, editorial, clean or handmade) or freely combine 28 popular Google Fonts, with the heading weight. The preview loads the real fonts and shows your business name and a paragraph.
The code includes the preconnect, the Google Fonts link with only the weights you use and display=swap, and the CSS rules for headings and body text.
How to use
- Pick a ready-made pair or two fonts.
- Type the preview heading and text.
- Copy the link and the CSS into your site.
When to use it
- Choosing a website's visual identity.
- Testing fonts before showing them to a client.
- Pairing striking headings with readable text.
Frequently asked questions
Are Google Fonts free?
Yes. Google Fonts are open source and can be used on commercial websites without paying.
How do I pick two fonts that go together?
A simple rule is contrast: a font with personality for headings (serif or display) and a very readable sans serif for body text. Avoid two very similar fonts, which look like a mistake, and do not use more than two.
Do fonts slow the site down?
Each font weight is one more file. Load only the weights you use; the code already includes display=swap, which shows the text in a system font while the font loads, and preconnect to speed up the connection.
What about privacy laws?
Loading fonts directly from Google sends the visitor's IP address to Google. If you would rather avoid that, download the fonts and host them on your own site.