When pairing fonts there are no firm rules. There will always be new combinations that turn out to look great. For many however, it’s helpful to stick to some basic guidelines in order to ensure a great looking typographic design.
Here’s my guide to font pairing basics…
Before even considering what fonts to use make sure content is well written. Beautiful typography cannot save bad content. Good typography will put the reader’s focus on the content, so make sure the content is clear and effective.
Today, designers have endless options when it comes to choosing type. It can easily become overwhelming. One can excel using a single font if it has a versatile font family with a good range of font weights. Using two different fonts, one for headings and one for body text, is a common and effective tactic.
When using two different fonts, make sure they have plenty of contrast. An easy way to achieve this is to use sans-serif/serif or serif/sans-serif font pairings. Fonts paired together that have different weights and styles tend to contrast well together. You can also use slightly different color shades between fonts to bring visual hierarchy and balance to the design.
This might go without saying, but its important to test the fonts before implementing them into a design. Ensure the fonts function well together. What is the context in which you are using them? Is it a readable font pair for a laptop and a mobile phone browser? Will the reader be able to distinguish between the heading and body fonts?
There are tons of typographic resources on the web today that can be super helpful when trying to pair different fonts together. Sites like Typewolf, offer inspiration and updates on trends and popular fonts currently being used on the web. Using resources as guidelines can help you achieve better looking results.
It’s important to note that pairing fonts is a completely subjective decision that the designer must make for their particular design. It’s vital to explore different pairings and test for yourself what works best. Don’t be afraid to try new pairs!
Looking for help pairing fonts? Try Font Pair it helps creative people pair free Google fonts together!