How to cache google fonts ?

Just FYI

There are 5 static components that are not on CDN.
https://fonts.googleapis.com/css?family=PT+Sans:300,400,400italic,500,600,700,700italic&subset=latin,greek-ext,cyrillic,latin-ext,greek,cyrillic-ext,vietnamese
https://fonts.googleapis.com/css?family=Antic+Slab:300,400,400italic,500,600,700,700italic&subset=latin,greek-ext,cyrillic,latin-ext,greek,cyrillic-ext,vietnamese
https://fonts.googleapis.com/css?family=Luckiest+Guy&ver=3.6
https://fonts.googleapis.com/css?family=Dancing+Script&ver=3.6
https://i.creativecommons.org/l/by-nc-sa/3.0/fr/80×15.png

Thx

Hi,
I wouldn’t worry about these. Googles font servers are probably faster than if you’d host the fonts yourself.

Saying that – if you do want to host the fonts yourself you can download them from Google fonts.

@pe-pernet, I’m also using Google fonts and GTmetrix and what I did with my google fonts is I downloaded them from google and then minified them them all into one file, that also results in less requests.

@mommaroodie, sounds great ! How did you do that ?
thanks

@pe-pernet – sorry for the late reply, I wasnt notified of your comment.

Its quite easy actually. Go to Google fonts – I assume you know what fonts you using.

For the sake of this example lets say, I use Oswald and Open Sans.

Use the search and search for Oswald and then select the quick use – it will give you this link

<link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>

then from that link copy and paste this part into your browser address bar

https://fonts.googleapis.com/css?family=Oswald

and you’ll see this on your screen, then simply save the file to your hard disk

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://themes.googleusercontent.com/static/fonts/oswald/v7/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff');
}

do that for each font you want to use – go minify them and add them to your site via some css file or add the minified code to an existing css file – that would be even better. ??

In your stylesheet, you’ll have to specify all the font attributes, weight ect.