A website that helps you match typefaces

There are multiple resources that can be helpful when learning to match typefaces effectively. Google Fonts, for example, has their own system that shows four or five web font pairings. However, for designers looking to match typefaces and seeing how they would appear on a page before designing should check out this new web tool.

A general rule of thumb when using multiple typefaces on a page is to limit it to no more than 3. The more styles of type that are introduced, the more difficult it is to create a unified, harmonious overall design. Therefore, using only two typefaces for a project is ideal—a sans serif and a serif.

But to help you mix and match typefaces for your next project, design school Canva has created a Font Combinations website. The easy-to-use web tool generates a collection of typefaces which match them with ones the user selects from a drop-down list.

Canva: A website for designers to help match typefaces

Before Font Combinations, trying to match typefaces was sometimes challenging. But now you can alleviate the stress associated with pairing them effectively. Choose your typefaces wisely and with intention, in a way that guides your viewer’s eye through the page. And when in doubt, don’t forget to trust your own instincts.

Head to their website here to find some great typeface pairings. And if you have any favourite font pairings you want to share, post them below.

Other typeface matching tips

When you match typefaces, it’s important to know that opposites attract. A serif font paired with a sans-serif typeface often creates a pleasing combination.

A thick, bold header juxtaposed with thinner text will create an equally enjoyable look. Or an elaborate script might contrast nicely with a simple sans serif. So when mixing typefaces, it’s best to assign each face to a specific range of sizes. For example, if you are using Edwardian Script and Helvetica, limit the use of Edwardian Script to larger paragraph headers and use Helvetica for body copy.

Not sure what the difference is between a font and a typeface? Click here.


1 Comment

Let people know your thoughts.

This site uses Akismet to reduce spam. Learn how your comment data is processed.