¿Es posible cargar webfonts a través del manifiesto de caché de almacenamiento sin conexión?

Question

Entiendo que puedo importar mis fuentes a través de html/css pero me pregunto si este es un enfoque factible.

Gracias!

Answer 1

Sí, si se agrega fuentes para el archivo de manifiesto que se descargan junto con el resto de los archivos, y luego estar disponible sin conexión. Las fuentes deberán estar disponibles en el mismo servidor donde se encuentra su aplicación fuera de línea, ya que no puede almacenar en la memoria caché recursos que no estén en su dominio. No se puede guardar en caché una fuente web de Google, por ejemplo. He estado haciendo algunas pruebas sobre esto, parece que las fuentes de Google están bien almacenadas en caché en Chrome y Opera, only Firefox has problems. La restricción 'no en su dominio' para el manifiesto solo se aplica cuando se sirve a través de HTTPS.

todavía tendrá que hacer referencia a las fuentes con una regla @font-face en su CSS para que sean utilizados en su página. Por ejemplo, en el archivo de manifiesto:

CACHE MANIFEST 
# v1 
index.html 
style.css 
GenBasR-webfont.eot 
GenBasR-webfont.woff 
GenBasR-webfont.ttf 
GenBasR-webfont.svg 

En style.css:

@font-face { 
    font-family: 'GentiumBasicRegular'; 
    src: url('GenBasR-webfont.eot'); 
    src: url('GenBasR-webfont.eot?iefix') format('eot'), 
     url('GenBasR-webfont.woff') format('woff'), 
     url('GenBasR-webfont.ttf') format('truetype'), 
     url('GenBasR-webfont.svg#webfontLblSsz1O') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

body { 
    font-family: 'GentiumBasicRegular'; 
} 

obtener los archivos de Font Squirrel Gentium.