¿Por qué no son fuentes de Google almacenamiento en caché en Firefox?

StackOverflow https://stackoverflow.com/questions/4265074

  •  27-09-2019
  •  | 
  •  

Pregunta

Estoy tratando de utilizar las fuentes de Google incrustados en mi sitio web y he incluido el enlace para descargar la fuente de API de Google fuentes cada vez que alguien visita el sitio web, pero estoy teniendo un problema con Firefox porque parece que su tratando de descargar la fuente cada vez que un refresco o haga clic en un enlace nuevo.

En todos los otros navegadores que sólo descargar una vez y la memoria caché de la fuente a través de la web, como cualquier otra cosa en caché.

El enlace a Google API hojas de estilo de letra es la siguiente: 

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

Solución

Me di cuenta el mismo comportamiento; la carga de las fuentes con JavaScript parece resolver el problema. Basta con sustituir 'Ubuntu' con 'Droid' en su caso e insertar el siguiente bloque de código después de su etiqueta <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>

Más información se puede encontrar aquí en desarrolladores de Google 'Font sitio.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top