Access To 100's Of Premium Design Resources

Unlimited downloads

How to choose the perfect font pairing for your web project

Choosing the perfect font for your web project can be a daunting task. You can spend hours on end trying to find the perfect font combinations, which works well together. In this post we have shared some of our secret resources, which I tend to use when starting a web design projects to make that process a piece of cake.

We have included some great resources below, for font pairing and font inspiration. If we have missed any other great resources please do feel free to share those in the comments section below.

Creative Nerds Premium

Font Pairfont-pairing

Font Pair helps designers pair Google Fonts together.


Finds the perfect font combo fro your next project.

Beautiful web typebeautiful-web-type

There are over 600 typefaces in the Google web fonts directory. Many of them are awful. But there are also high-quality typefaces that deserve a closer look. Below are examples of these typefaces in action. Click the examples to get the typeface from the Google web fonts directory.


Typewolf launched as a side project in June of 2013. By as a designer, who was always frustrated by the lack of good resources for choosing fonts for design projects. Seeing type samples set in “The quick brown fox jumps over the lazy dog” isn’t very useful when it comes to web design — seeing how real fonts perform on actual live websites is much more helpful.

Just My Typejust-my-type

A collection of font pairings from Typekit and H&FJ. Fair warning: the pages of this site are pretty heavy in download sizes – up to 3mb. Don’t say I didn’t warn you.

Combing fontscombing-fonts

Building a palette is an intuitive process, and expanding a typographic duet to three, four, or even five voices can be daunting. Our approach for mixing font families is to keep one quality consistent, and let the others vary.


There are over 650 Google Fonts available for free. But, pairing typefaces isn’t easy and many of those fonts don’t work for typical websites. Part of the 25×52 initiative, this collaborative, ongoing project offers inspiration for using Google’s font library.

Post tags


Please leave a comment

3 thoughts on “How to choose the perfect font pairing for your web project

Leave a Reply

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

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