Google Font Combinations for Your Website

Google Font Combinations for Your Website

It’s no secret that a great font combination can go a long way to make your website stand out from the crowd. Since 2010, Google Fonts has teamed up with Adobe Typekit to create the next generation of web fonts. Gone are the days when Arial and Times ruled the world. Now there’s hundreds of fine fonts to choose from that will work in almost every browser!

But, with this kind of selection, where should you start? Through a lot of trial and error, we’ve come up with some killer combinations that have worked great with some of our projects.

Monserrat and Pontano Sans

Google Font Combinations_Monserrat and PT sans
Clean, bold headers, and condensed body copy. This combination is great for a blog where you need to find sections quickly. uses Montserrat and Pontano Sans for most of our site, including service pages, the home page and contact page.

Get Montserrat
Get Pontano Sans

Ubuntu and Lora

Google Font Combinations_Ubuntu and Lora
A little more formal than the previous selection; this serif font in the body is a welcome change from Times New Roman. Paired with Ubuntu for headers this combination makes for a pleasant blog reading experience.

Get Ubuntu
Get Lora

Amatic SC and Josefin Sans

Google Font Combinations_Amatic and Josefin Sans

Amatic SC and Josefin Sans give your page the personal, hand drawn appearance that it needs. Thin and modern, these two fonts pair well together and with other hand drawn objects to achieve an arts and crafts feel.

Get Amatic SC
Get Josefin Sans

Oswald and Droid Serif

Google Font Combinations_Oswald and Droid Serif

For a fantastic, condensed header font, look no further than Oswald. When paired with Droid Serif, this duo gives an interesting contrast between sans serif in the header and serif in the body.

Get Oswald
Get Droid Serif

Lobster and Cabin

Google Font Combinations_Lobster and Cabin

Lobster is fast becoming one of the most popular Google Fonts available. This condensed, bold script adds a bit more flare when compared with most of its counterparts.  When combined with Cabin in the body, these two fonts make a great easy reading pair.

Get Lobster
Get Cabin