Your font selections are very important when designing your website! It could be the difference between someone reading all of your information quickly or leaving your website immediately. If your website is hard to read your visitors might not stay to learn more about your company.
Let’s start with a couple of basics:
Most of the time you’ll be selecting Serif or Sans Serif typefaces.
Serif fonts have little feet or notches on the letters and Sans Serif fonts don’t. Serif and Sans Serif fonts work best for headlines and body copy.
Handwritten and other decorative fonts should be used in moderation. They might work well in a headline but will usually be harder to read as body copy.
In our infographic, we show some examples of how Serif, Sans Serif, and Handwritten fonts combine to convey different moods.
Sans Serif fonts mixed with Serif fonts are a very traditional combination.
Sans Serif and Sans Serif pairings are a little more modern.
Serif and Serif fonts together can make your website feel older.
Handwritten fonts can be a little more playful.
The biggest piece of advice I can give is to go for contrast.
If you’re using a bold Sans Serif font for your headlines, maybe use a lighter weight Serif font for your body copy. If you’re using a large Serif font for your categories, try using a smaller Sans Serif font for your body copy. If your headlines have really wide/extended letters look for a font that is a little more narrow/condensed.
The reason for this is it creates visual interest. Your visitor’s eye can quickly see there are different sections and can skim over the headlines quickly and decide where they want more info.
You can even go a step further and make your headline a color and your body copy a different color. Darker fonts on a light background will usually be easier to read than lighter ones on a dark background.
If you do go the color font route, try to keep your font colors to a minimum. 2-3 colors at the most.
Don’t be afraid to experiment with different font combinations to see what fits your brand. You can easily change it back if you don’t love it. Check out how it looks on mobile and desktop.
You can also ask your friends and family what they think, it never hurts to get extra opinions!
Happy font pairing!