I get asked about specific typeface pairings every once in awhile, so I thought it would be fun to put together a short + sweet list of some of my favorite (FREE) combinations. Everything you’re about to see was found on Google Fonts, so luckily, you can easily implement them into Squarespace, WordPress, or anywhere, really. I’ll also share a few tips towards the end of the post as well, just in case you’re new to the world of graphic design. ;)
All of the font names have already been listed, in order of appearance, below their section (above). But! I’d also like to make your life a little bit easier, so I’m going to link everything here as well. Do note that because some of the fonts repeat themselves (within the secondary header section especially), I won’t be listing them twice:
Other favorites of mine, which were not already included, are: Crimson, Quattrocento, Bree Serif, Questrial, Libre Baskerville, Raleway, Gentium Basic, and Cabin. Again, all of these are from the Google Fonts library, so everything is free for you to use, wherever you’d like. Win win.
Beyond simply downloading and using these fonts, there’s a few other things to keep in mind as you’re implementing everything into your website (or even print materials, for that matter):
01. TRY DIFFERENT VARIATIONS: Most fonts come with a variety of options like thin, regular, bold, extra bold, italics, and more. All of these are fair game, so play around and see what suits your needs! You can even experiment with your headers by using all caps, all lowercase, or even sentence case.
02. CONSIDER KERNING (OR LETTER SPACING): In print, adjusting the space between each letter is called kerning. In web, it’s typically called letter spacing. Either way, it’s important to consider the spacing between each letter, even if you’re only adjusting it by a small amount. I’ve found that most free fonts aren’t appropriately spaced out of the box, so I’ll go in and adjust until it’s pleasing on the eyes.
03. WHEN IN DOUBT, KEEP IT SIMPLE: If you’d like to try making your own font pairings, you can start by sticking to traditional combinations. For example, sans serif typefaces generally look good with other sans serif typefaces because of their similarities. Same with serif on serif. Alternatively, you can take the more contrasted route, by pairing a sans serif typeface with a serif typeface in order to achieve a classic look.
There is obviously a lot more nuance to all of this, but at least this will give you a good start, especially if you’re new to the world of design. As long as you keep it simple, and don’t pair two (or three) CRAZY BUSY fonts together (ie: two extremely different scripts), you’ll be on the right track.
Now, I’m always on the hunt for new + amazing free fonts, so if there’s something that you love, that’s missing from above, please let us know in the comments section below. I’m sure that everyone reading this would appreciate the extra selects! ♡