Top Nav

Download Over 500 Free Webfonts Courtesy of Google

 Looking for some custom fonts that are free and web-ready? Google has 501 different fonts available on its Web Fonts project. You download the fonts you want in a zipped archive, or use them directly from the web on your own site.

The Google Web Fonts project is a huge cache of 501 different font families. Each font can be added to your own personal collection that’s linked to your Google account. From there, you can directly download fonts in your collection or get the code to use them on your site.

Google fonts directory

To download your selected fonts, just use the download button and then you’ll receive them in a compressed zip archive. At that point all you have to do is extract them and they are ready for use. However, if you’ll only be using Google’s fonts on the web, press “Use” button instead.

download free google fonts

If you use Google’s web fonts on your site, there is a handy calculator to show you how loading the fonts will impact site performance in terms of page load time. When considering page load time, this gauge would show that the less fonts you use the better your site will perform.

google web fonts performance calculator

Once you’ve selected which fonts you want, you can then select which type of Google-generated code you want to use. This code fetches the fonts from Google’s web fonts repository whenever a new visitor comes to your site, and makes the font appear visually on your pages.

google web fonts embed code

Alternatively, if you want to download all of the fonts at once, you can with Mercurial. However, I don’t recommend doing this unless you absolutely want every single font. The files total to 1.3GB in size and it takes a long time to download. You’ll also need to install a GUI for Mercurial, such as TortoiseHG. Google has the full instructions here.

google web fonts clone

That’s all there is to it! Enjoy your new fonts courtesy of Google.

More Reading:

, ,

3 Responses to Download Over 500 Free Webfonts Courtesy of Google

  1. Chris May 15, 2012 at 5:13 am #

    Can not see download button, could you red circle it !!!

  2. Barnabas May 15, 2012 at 5:16 am #

    You can download a Zip of all the 500+ fonts @ and or see the site @ for instructions.

    • Chris May 15, 2012 at 12:45 pm #

      Fonts too large to download… Why ?

Leave a Reply


Free Learning


Don't miss a single tip, how to or tech news update. Subscribe to my free newsletter and receive updates, right to your inbox.

You have Successfully Subscribed!