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
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
Then, simply add that
.woff file to your project, and add the following code to your stylesheet:
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!
Common fonts for Windows & Mac