Great Google Web Font Combinations
Google Web Fonts started out with a handful of fonts on offer to the public, these days there are over 600 to choose from. This large resource comes in handy when designing websites allowing a designer to include a new custom font with the copy and paste of a small snippet of code.
Whilst the large resource is hugely beneficial, sifting through over 600 fonts to find combinations that work can be time consuming and quite hard work. I have written this article on which fonts I think work well together and that I have used in past and current projects.
Lobster & Cabin
Arvo & PT Sans
Droid Serif & Droid Sans
Volkorn & Ubuntu
Oswald & Lora
Merriweather & News Cycle
Sanchez & Quicksand
Avro & Open Sans
Varela Round & Muli
Droid Sans & Raleway
Lobster 2 & Droid Sans
I hope this is somewhat helpful. Thanks for reading!
3 Comments
Cheers, this was helpful to me in designing my new website, saved a lot of time! Keep up the good work.
Hi there,
I was just wondering what you think of using google fonts in web designs in reference to browser testing. I was using some for a recent project and when i tested them in i.e. 7 on a PC they looked awful and in the end i decided against using. Do you have any thoughts or tips for me?
Thank you,
Jonny
Hi Jonny,
I have the same issues sometimes, recently i was involved with a project that used Merriweather and it looked awful in ie. Id just say, test the fonts you are going to use in ie before styling all your elements. Go on the google fonts website on ie and look at them, if they look ok then it shouldn’t be a problem. You could also set some formatting so that the styles default to a true web safe font, for example Times New Roman and Arial, it may not be beautiful but how beautiful can something on ie get!
I hope this helps,
Simon