Download Google Fonts for Faster Load Times

Anyone who has used Google Fonts knows that using the service can greatly add to the load time of your project. But, by downloading the font to have in your project's files, it can speed that back up for you.

To get started, start making a collection on Google Fonts. Then once you have obtained the code to “add [it] to your website” (Step #3 in the UsePlace), go to the url contained in the href attribute of the <link> tag.

Once there, simply copy and paste the url from the src of the font you’d like to download into the url bar of your browser. That should initiate the download the font in the form of a .woff file.

Then, simply add that .woff file to your project, and add the following code to your stylesheet:

@font-face {
  font-family: ‘Font Family Name';
  src: url(/format/to/fontfile.woff) format('woff');
}

Then you can use the font without the load times added by Google Fonts!

Related protips:

Common fonts for Windows & Mac