Categories / Tutorials

Avoid These 5 Mistakes When Mixing Fonts

Creative Market March 31, 2021 · 4 min read

It’s easy to get caught up in some simple typography mistakes at any stage in the graphic design game. Some of the easiest traps to get stuck in occur when mixing your fonts together in a single design. Making careful choices about which fonts to use for different sections of text or headings is absolutely critical for any design, but it can be tricky. Here are five of the most common errors designers make when mixing fonts.

1. Changing Fonts Too Frequently

Mixing and matching different fonts can help segment a document. It can also change the reader’s attitude toward the content in a subtle but effective way. If you do it too often though, it can make the reader feel very disoriented as their goal becomes less about receiving the information you are conveying and more about figuring out what’s the point in all the changes. It also makes your publication look cluttered.

2. Inappropriately Sizing Fonts

Believe or not, fonts have optimal sizes where the designer thinks that they look their best. Fonts that are better when they’re larger are heading fonts, and ones that are better smaller are body fonts. You can definitely interchange some of them, but there are others that just do not work. It has a lot to do with the space between the lines that create the characters, the kerning (the space between characters), and most importantly, the letter shapes themselves. Consider the following example, which uses Dealers and Metrisch.
mixingfonts-1
Here we see how a perfect headline font can be less than ideal when used as a body font. Never forsake readability in your quest for typographic flair.

3. Misusing Fonts

While there are a lot of typefaces that are notable for their versatility (I’m looking at you, Helvetica,) some fonts evoke a very tangible response from the reader. If you don’t take this into consideration when choosing your type, the publication will most likely suffer.
bad font choice
Consider this example from another recent article on type. Here, the visuals and purpose of the ice cream ad don’t at all match with dark, gothic style of the typography. Occasionally, someone can pull off typographic irony for a great effect, but more often than not, examples like this are the result of lazy designers who don’t consider the implications of a typeface.

4. Using Similar Fonts

There’s a fine line between a subtle difference and barely indistinguishable. There has to be a considerable difference between the two fonts or you can’t tell them apart. If there isn’t a marked difference, it will be very confusing for the reader. Similar to the changing-fonts-too-frequently problem, readers can become distracted by the font. They start to focus on telling the difference between the fonts rather than reading the text.
mixingfonts-5
Here the left example uses Brave, Native, and Gentlemen’s Poison. It’s really tempting to cram these all together because they all fit a similar theme, but in practice, it could get messy if you created an entire site that constantly shifted between the three. Compare this to the example on the right, which uses Brite Script and Libertad, two clearly different typefaces that can be assigned more definitive hierarchy and purpose.

5. Using Clashing Styles

When mixing fonts, you have to be detail oriented. While slight differences or bold statements between styles can look unified, much like in fashion, it’s easy to make a font faux pas. Try to keep your fonts to the same family if you’re looking for subtlety. If you want to mess around with bigger changes, try to choose fonts that are proportional to each other, and for a really eye-catching look, try fonts in two almost opposite styles like a block sans serif with an elegant script underneath it. But be careful, the stronger the contrast, the higher risk of clashing.
mixingfonts-4
Here the top example mixes Native, Eveleth, and Goodfy, which are all awesome fonts that can really clash when viewed all together. Compare this with the bottom example where we just stuck with different weights of Eveleth for a much more cohesive look.

How Do You Mix Fonts?

Now that you’ve read my advice for mixing fonts, leave a comment with the rules that you live by. What mistakes do you try to avoid? What goals do you keep in mind when crafting your typography? I’d love to hear your insight.

Lettering Worksheets
Getting started with hand lettering?
Free lettering worksheets

Download these worksheets and start practicing with simple instructions and tracing exercises.

Download now!
About the Author
Author
Creative Market

Making beautiful design simple & accessible to all.

View More Posts
Go to My Shop
Related Articles
9 Comments
  • Nice, I also enjoy H & Co’s take on matching fonts and thinking of them in terms of their personality, historical periods, etc: http://www.typography.com/techniques/index.php 8 years ago
  • Thanks for sharing that @Mattox Shuler, H & Co are definitely masters of typography :) 8 years ago
  • Whoa great article. I need to step my typography game up. Some amazing fonts on here that I need to try out. 8 years ago
  • Some solid advice on font choice here! Thanks for featuring my Gentleman's Poison font :) 8 years ago
  • Great, relevant article.... awesome points to keep in mind! 8 years ago
  • Sometimes you feel like a nut, sometimes you don't 8 years ago
  • Thanks for the article. I try to use no more than 3 fonts in whatever I'm creating. 8 years ago
  • Nice helpful article. By the way, what fonts are being used for the headline text and body text on Creative Market? 8 years ago
  • Really good article and helpful. Gives me something to think about when choosing a font 8 years ago