Google Fonts Mixing Typefaces Infographic

Google Fonts is home to hundreds (possibly even thousands) of free, open-source fonts, making it one of the best resources on the web for designers and developers alike.

You can download them; embed them in web projects directly (using Google’s’ HTML, CSS and JavaScript code snippets); and even preview the impact each font will have on web page load time.

Not only that, but you can download many of the fonts in multiple languages, styles and font weights. Perfect.

Although Google Font’s makes finding and using free, open-source fonts easier than ever, there’s one thing it still can’t help you with: finding and choosing fonts that compliment each other.

This is often one of the most difficult, time-consuming and daunting tasks you’ll face as a designer but luckily, help is at hand.

FastPrint, a UK-based printing company, created this infographic entitled The Art of Mixing Typefaces: Google Fonts Edition, which aims to solve the problem once and for all.

With over 400 unique typeface combinations in total, all you need to do is cross-reference the two fonts you’re looking to use and the infographic will do the rest, telling you how likely they are to compliment one another.

For example, if you cross-reference Roboto as the Display font and Droid Serif as the Text font, you’ll see that they make a great combination. The same goes for Raleway and Roboto.

Oswald and Lobster on the other hand? It’s probably best to avoid.

Try it for yourself below:


Latest Comments
  1. El TUTI
    • Rose

Leave a Comment

Your email address will not be published. Required fields are marked *