Reply To: improve page load times with google fonts

[5high-photohub]

Update:
downloaded the fonts and obtained the css for them via http://www.localfont.com/ which is an excellent resource.
uploaded the fonts themselves into a new font folder in my child-theme/assets/font/
edited the url in the css code to reflect the fonts location on my server
added this code into the top of my child theme style.css as per recommendations

The css i used was this (+ the one for the Open Sans too):

COPY CODE

@font-face {
  font-family: 'Roboto Condensed';
  font-weight: 300;
  font-style: normal;
  src: url('https://www.mysite.com/wp-content/themes/kleo-child/assets/font/Roboto-Condensed-300.eot');
  src: url('https://www.mysite.com/wp-content/themes/kleo-child/assets/font/Roboto-Condensed-300.eot?#iefix') format('embedded-opentype'),
       local('Roboto Condensed Light'),
       local('Roboto-Condensed-300'),
       url('https://www.mysite.com/wp-content/themes/kleo-child/assets/font/Roboto-Condensed-300.woff2') format('woff2'),
       url('https://www.mysite.com/wp-content/themes/kleo-child/assets/font/Roboto-Condensed-300.woff') format('woff'),
       url('https://www.mysite.com/wp-content/themes/kleo-child/assets/font/Roboto-Condensed-300.ttf') format('truetype'),
       url('https://www.mysite.com/wp-content/themes/kleo-child/assets/font/Roboto-Condensed-300.svg') format('svg');
}

All works OK, but on review in the webpagetest results, although it is now using the fonts from my server it’s still calling/accessing http://fonts.googleapis.com.

So i have 2 questions:

1. Do you know where the http://fonts.googleapis.com is being called from? is it being called by the Kleo theme anyway? If so, from where, and how would I stop it? Or is my css code incorrect?

2. in one of your original links (http://stackoverflow.com/questions/8966740/how-to-host-google-web-fonts-on-my-own-server?answertab=votes#tab-top it states you need to add some info into the .htaccess file to stop errors from popping up in Chrome Dev Tools, like this:

COPY CODE

AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf
AddType application/x-font-woff .woff

Is this still needed?

Many thanks – and have attached a screenshot showing the latest page test a/a.

Any help much appreciated, though I understand this is a bit beyond the scope of your support forum!

Attachments:

1. 

   fonts-still-loading-google-fonts.jpg