Google Fonts

Google Fonts is a library of over 800 different typefaces, completely ready to be embedded in your web project. This series looks at what Google Fonts is, and shares interesting examples and combinations of fonts that can take your project to the next level.

Google Fonts
CSS / 30 Aug 2017

The 10 Best Script and Handwritten Google Web Fonts

A good script is hard to find. I’m extremely picky when it comes to this particular area of typefaces and tend to hate most of what I see. With this post, you can skip the work of sorting through the crap and cut straight to the awesome scripts that are readable, attractive and perfect for your site.

All of the fonts are shown with a unique CSS treatment and provided with code for your instant implementation. They’re also all served up with Google Web Fonts so you’ll be up and running with a quick copy and paste, no downloads required!

Google Fonts
CSS / 13 Jul 2017

10 Great Google Font Combinations You Can Copy

The average man considers which flavor of Doritos will taste good with his Heineken. The sophisticated man considers which cheese will pair well with his choice of wine. The designer of course considers which two fonts will look great on the same page.

Today we’re going to use the Google Font API as a playground for mixing fonts and finding ideal pairings. You’ll be able to skim through and instantly grab out selections that you think are appropriate for your projects. The best part? You need only to copy and paste our code to implement these fonts on your site. It’s completely free and there are no downloads required.

Google Fonts
Software / 21 Jul 2015

Typekit vs. Google Fonts: Pros and Cons

Choosing the right font is an important aspect of any web design project. There are hundreds, even thousands, of great options out there and many can be used with free licenses thanks to tools such as Adobe Typekit and Google Fonts.

But is one service better than the other? Is there a benefit to Google Fonts or Typekit over the other? And just how can you get started with these tools if you have not used them yet. You are in luck, because today we’ll answer those questions.

Google Fonts
CSS / 1 Aug 2012

A Beginner’s Guide to Using Google Web Fonts

When Google Web Fonts was first released, we wrote up a quick walkthrough. Since then, the service has been completely overhauled and it’s high time for a thorough walkthrough from scratch.

Join us as we start at the very beginning and discuss what the Google Web Fonts service is and how to get it up and running on your site today. Give us a few minutes of your time and we’ll open you up to the awesome world of awesome free web fonts.

Google Fonts
Typography / 20 Mar 2012

10 More Great Google Font Combinations You Can Copy

The last time we wrote about Google Web Fonts, it was a fairly new program with a handful of fonts. Today there are nearly 500 font families ready and waiting to be served up to your website completely free of charge. Google has certainly made its mark on web typography and stands as an excellent alternative to premium subscription services.

The downside of this growth is that it’s becomingly increasingly difficult to sift through the library to find the best selections. We’ve got your back though and are serving up another great collection of Google Web Font combinations ripe for the stealing. Just copy and paste our code, then tweak the style to fit your needs and you’ll be good to go!