07 September 2015

The Best Google Font Combinations That Look Good Together


Whether you are creating a website, writing your resume or designing a presentation, the kind of fonts or typeface you choose can make a notable difference. The Google Fonts directory offers a myriad of choices but how do you pick the correct font for your digital projects? Should you go for Serif fonts or Sans Serif or a combination of serifs and sans serifs?

Typography is an art and with 100s of fonts available, it is obviously difficult for non-designers to find that perfect font combination. Need help? Here are some useful font pairing websites where type masters have already done the hard work and all you can do is follow their recommendations to pick the most elegant and gorgeous Google fonts for your web and print projects.

1. Beautiful Web Type (hellohappy.org) – Chad Mazzola has created a beautiful showcase of high-quality typefaces from the Google Fonts website. You’ll discover some creative usage of fonts here though they haven’t updated the site for quite some time.

Beautiful Web Type

2. Typ.io (typ.io) – If the body text of my website is set in Roboto, what font should I use for headings? Typ.io offers a visual list of beautiful websites that using similar font families and helps you pick the perfect matching pair based on the typography of other websites.

3. Google Type (femmebot.github.io) – Laurel O’Brien’s typography project uses Google Fonts to stylize tales from Aesop’s Fables. This is a great reference source for finding elegant font pairs and is regularly updated as well.

Google Typography

4. Palet Tab (palettab.com) – A Google Chrome extension that inspires you with a fresh font and color combination from Google Fonts each time you open a new tab in Chrome.

5. 100 Days of Fonts (100daysoffonts.com) – Each single day, for 100 days, designer Do-Hee Kim picked a unique and beautiful Google Fonts pair and all her work in now showcased in this single-page website. If you need inspiration for fonts, look no further.

100 Days of Google Fonts

6. Font Pair (fontpair.co) – Another well-designed resources for finding Google Fonts that go well together. The paired fonts can be downloaded as zip files which is handy in case you want to use the fonts with your PowerPoint presentation on the local computer.

7. Font Blender (http://ift.tt/1JMLOPf) – If you are wondering how a set of Google Fonts will look with your text, Font Blender can help. The web app allows you to preview Google Fonts in the browser and you have the option to experiment with the font size and line height as well.

8. Type Genius (typegenius.com) – Choose a starter web font and Type Genius will recommend a list of other matching fonts that will make a good combination. Like Typ.io, this website too makes suggestions based on font combinations of other beautiful websites. Designed by Waveney Hudlin.

Google Type Genius

9. Type Inspiration (typespiration.com) – A creative showcase of text blocks stylized using Google Fonts. The CSS snippets are included making it easy for you to replicate the style in your web design.

10. Font Face Ninja (fontface.ninja) – A browser extension for Google Chrome and Safari browsers that will help you recognize the font used on any website. You even have the option to download the font files through the Ninja add-on but please check the associated license.

Also see: How to Reduce Google Fonts Size


The story, The Best Google Font Combinations That Look Good Together, was originally published at Digital Inspiration by Amit Agarwal on 07/09/2015 under Fonts, Internet.