best websites of the world

FRONT END DEVELOPER/
WEB DEVELOPER/
WEB DESIGNER/
LONDON/ SURREY/

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

Lobster&cabin

Arvo & PT Sans

Avro&PTSans

Droid Serif & Droid Sans

DroidSans&Serifs

Volkorn & Ubuntu

Volkorn&ubuntu

Oswald & Lora

Oswald&Lora

Merriweather & News Cycle

Merriweather&NewsCycle

Sanchez & Quicksand

Sanchez&Quicksand

Avro & Open Sans

Arvo&OpenSans

Varela Round & Muli

VarelaRound&Muli

Droid Sans & Raleway

Droid&Raleway

Lobster 2 & Droid Sans

Lobster2&DroidSans

I hope this is somewhat helpful. Thanks for reading!

Search

Social

3 Comments


  • Chris Evans - April 8, 2013

    Cheers, this was helpful to me in designing my new website, saved a lot of time! Keep up the good work.


  • Jonny K - April 22, 2013

    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


    • admin - May 1, 2013

      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

Post a Comment

Your email is kept private. Required fields are marked *