Home/ Questions/Q 3665254
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-19T01:44:21+00:00

I’m trying to use the embedded Google fonts on my website and I have

  • 0

I’m trying to use the embedded Google fonts on my website and I have included the link to download the font from Google fonts API every time someone visits the website, but I am having a problem with Firefox because it seems like its trying to download the font every time a refresh or click a new link.

On all the other browsers it only download once and cache the font through out the site like any other cached things.

The link to Google font API stylesheets is as follows:

<link href='http://fonts.googleapis.com/css?family=Droid+Sans&subset=latin' rel='stylesheet' type='text/css'>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I noticed the same behaviour; loading the fonts with JavaScript seems to solve the problem. Just replace ‘Ubuntu’ with ‘Droid’ in your case and insert the following block of code after your <head> tag:

    <script type="text/javascript">
  WebFontConfig = {
    google: { families: [ 'Ubuntu' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
        '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })();
</script>

    More info can be found here on Google Developers‘ Font site.

    • 0