• Blog
  • Inspiration
  • Sign In
  • Sign Up
  • Subscribe

Font Pairing for Beginners: A Simplified Guide [Free Templates]

Menu
  • New features and updates
  • Design tips
  • Marketing and social media
  • Templates and ideas
Categories Design tips
  • By Sandra Iakovleva
  • /
  • Posted on September 5, 2017

The first rule of font pairing is that you should use no more than 3 fonts together. That’s a really useful fact, but choosing even 2 fonts that complement each other can be a headache! You can have these two gorgeous fonts, but you put them together and find your creation cringe worthy. We’ve all been there.

Today’s guide is for those that want to experiment with Crello. The library of templates already has pre-set font pairings but if you want to create a design from scratch, you’re going to need a little bit of background knowledge. This guide will give you a boost of confidence, some fancy new terms and the blessing to go off pairing fonts like a pro.

Basic vocab to get you started

Contrast

When speaking about contrast with fonts, what is implied is the contrast of elements such as form, weight, style, size and color. When pairing fonts, you’re aiming for visual balance with the right contrast.

Concord

Two fonts that have similar traits are concord. Finding concordant fonts is much easier than you think, they usually come from the same family.

Serif

Serif fonts have a small line attached to the ends of strokes. They’re a popular choice for print materials as they are easier to read.

Sans serif

Types of font without serifs. Interestingly, sans serif fonts are said to be harder to read. For this reason, they’re used for shorter lines of text like headlines and captions.

Slab serif

A typeface that is more block-like serif font. It’s considered an aggressive font so use it sparingly.

Decorative

Decorative fonts are a little more artistic. This is the family of fonts that are used to set the mood depending on the message. It’s great for packaging and posters.

Script

This is a font type that is closer to cursive. It’s a difficult font to read when used for body text but works well when you have illustrations or a short title.

It’s important to get these basics down because you will start recognizing the different types of fonts and what differentiates families of fonts. The reason why you have to be careful with pairing fonts is that fonts have personalities. If you glance at the list of fonts above, you can probably tell that a decorative font will not work with script fonts. And you’re right! But let’s keep investigating to find out why.

The main goal to keep in mind as you’re trying to see if the fonts work together is unity and coherence. This can be in the form of dramatic contrast (that works) or simply fonts that go well together because they’re from the same family.

As for the number of fonts, you should aim for no more than 3 as we’ve mentioned. The more fonts you have, the more challenging it will be to achieve harmony. If you’re just starting with font pairing, try different variants of fonts from the same family that have different weights.

2 important questions to ask

The first question you should think about is ‘what is the nature of your content?’ You have to consider what layout you’re working with and toward what purpose or goal. You have to establish these goals to keep the purpose of your fonts clear.

The second question you’re probably thinking of is ‘how do I achieve perfect font pairing?’ Successful font pairing can be achieved through concordance or contrast (which you’re now familiar with). If fonts share certain qualities (concord), chances are they will work well together. Being completely different (contrast) is another way to make fonts work together.

What you want to avoid is conflict between fonts. This can be fonts that are so different they don’t belong on the same layout or fonts that are way too similar to make a difference.

10 perfect font pairings from Crello

1. Montserrat-Bold and Yellowtail-Regular

Edit template

2. AbrilFatface-Regular, Montserrat-Regular and Montserrat-Bold

Edit template

3. SixCaps and Bebasneue Regular

Edit template

4. PoiretOne-Regular and Bebasneue Regular

Edit template

5. Raleway-Regular and OpenSans-Bold

Edit template

6. Offside-Regular, Superfclarendon Regular and OpenSans-Bold

Edit template

7. OpenSans-Bold and NoticiaText-Bold

Edit template

8. OleoScript-Regular and Marion-Regular

Edit template

9. Righteous-Regular, Montserrat-Bold and VarelaRound-Regular

Edit template

10. Jura-Regular and Lalezar-Regular

Edit template

3 tools for font pairing

Font Pair

This is a website that makes it easier to pair together Google fonts. You can sort the fonts by typeface combinations or simply search by font. The great thing about this website is that you can customise the text on the website to see if it will look good with the font pairings.

Typ.io

This is a great resource to turn to for inspiration. The website gathers successful font pairings from around the web to help you make decisions about your text. You can also contribute to the collection by downloading an extension.

Typespiration

The library of fonts on Typespiration is laid out as tiles which makes it really convenient to look through. On top of fonts, you also get color combinations that work well. The website also offers HTML/CSS code.

You’re now equipped with some basic vocabulary, great examples from ready-to-use templates from Crello and some of the most current tools you can use for font pairing. As you can tell, you can just explore the ready templates and see what fonts have been paired by Crello’s designers. Sometimes you’ll find inspiration in the most unexpected places.

Subscribe to our blog

No BS. Simply the most current and trendy content in your inbox.

Thank you for subscribing to our blog!

Comments

comments


Tags design tips fonts
Share This Story
Twitter Facebook Pinterest Linkedin Google + VK
Sandra Iakovleva

Sandra Iakovleva

Sandra is a former student at the University of Arts London with a distinctive passion for art and design. Currently a writer and editor at Crello covering all the latest topics on design and social media marketing.
Prev PostA Collection of Free Youtube Channel Art Templates
Next PostA Guide to Top Email Marketing Software

You Might Also Like

Categories Design tips Poster Design: Trends, Composition Rules, Typography, Copy
  • By Mary Ivanova
  • /
  • Posted on February 13, 2019

Poster Design: Trends, Composition Rules, Typography, Copy

Categories Design tips How to Use Video Backgrounds to Make Your Posts Pop
  • By Mary Ivanova
  • /
  • Posted on January 24, 2019

How to Use Video Backgrounds to Make Your Posts Pop

Categories Design tips Composition Basics for Non-Designers
  • By Mary Ivanova
  • /
  • Posted on January 22, 2019

Composition Basics for Non-Designers

Categories Design tips Alignment, Grouping, Object Colors, and More Editing Tools You’ve Been Underusing
  • By Mary Ivanova
  • /
  • Posted on January 8, 2019

Alignment, Grouping, Object Colors, and More Editing Tools You’ve Been Underusing

Search

Popular Posts

Social Media Images Size Guide for 2019
February 7, 2019

Social Media Images Size Guide for 2019

Happy 2019: 25 Free Instagram Story Templates for New Year’s Eve!
December 25, 2018

Happy 2019: 25 Free Instagram Story Templates for New Year’s Eve!

Call to Action on Social Media: Learn What Works
January 17, 2019

Call to Action on Social Media: Learn What Works

550 Free Social Media and Web Templates: The Ultimate Guide from Crello
January 3, 2019

550 Free Social Media and Web Templates: The Ultimate Guide from Crello

Everything You Need to Know to Ace Instagram Stories for Business
January 11, 2019

Everything You Need to Know to Ace Instagram Stories for Business

Crello tutorials

https://youtu.be/KSWMxdlmzLw

Topics

animated templates back to school case study christmas contest copywriting design tips design tools email marketing Facebook fall features fonts free guest post hacks halloween how to humor ideas infographic Instagram interview marketing Pinterest social media templates trends Tumblr tutorials Twitter updates Valentine's Day video wordpress YouTube

Follow us everywhere

Graphic design made easy
Try Crello

Crello

  • About Us
  • Crello PRO
  • Media Kit

Create Designs

  • Search for templates
  • For Social Media
    • Social media graphics
    • Facebook Posts
    • Facebook Covers
    • Facebook Ads
    • Instagram Post
    • Instagram Ads
    • Instagram Stories
    • Youtube Channel Art
    • Youtube Thumbnails
    • Twitter Posts
    • Twitter Header
    • Twitter Ads
    • Pinterest graphic
    • Tumblr graphic
    • Tumblr banner
  • For Animated Designs
    • Animation Maker
    • Animated Design
  • For Advertising
    • Display Ad Banners
    • Facebook Ads
    • Instagram Ads
    • Twitter Ads
  • For Blog
    • Blog Images
    • Blog Graphics
  • For Marketing
    • Presentations
    • Email Headers
    • eBooks
  • For Print
    • Flyers
    • Posters
    • Business Cards
    • Gift Certificate
  • For Events
    • Postcards
    • Posters
    • Invitations
    • Business Cards

Features

  • Photo Editor
    • Filters
    • Crop
    • Layers and Transparency
    • Blur
  • Design Tools
    • Stickers
    • Shapes
    • Icons

Community

  • Inspiration Page
  • Blog

Help Center

  • Privacy Policy
  • Terms Of Service
  • Contact Us
Language:
English
  • English
  • Русский
  • Português
Logo©2018

Find inspiring graphic design content in your inbox every week

We'll only send the best and most relevant content tailored to your interest

We'll keep the inspiration coming, all you have to do is subscribe