Domanda

Sto cercando di utilizzare i font incorporati di Google sul mio sito e ho inserito il link per scaricare il tipo di carattere da parte di Google font API ogni volta che qualcuno visita il sito web, ma sto avendo un problema con Firefox perché sembra che la sua cercando di scaricare il font ogni volta che un aggiornamento o fare clic su un nuovo collegamento.

Su tutti gli altri browser it scaricare solo una volta e memorizzare nella cache il carattere attraverso il sito come tutte le altre cose nella cache.

Il collegamento a Google i fogli di stile di carattere API è la seguente:

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

Soluzione

ho notato lo stesso comportamento; caricamento dei font con JavaScript sembra risolvere il problema. Basta sostituire 'Ubuntu' con 'Droid' nel tuo caso e inserire il seguente blocco di codice dopo il tag <head>:

<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>

Maggiori informazioni possono essere trovate qui su Google Developers 'sito di carattere.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top