HTML5 caché fuera de línea google font api

Estoy tratando de crear una aplicación de prueba HTML5 fuera de línea, y estoy jugando con la nueva API de Google API al mismo tiempo. ¿Alguien tiene alguna idea de cómo almacenar en caché las fuentes remotas? Simplemente poner la llamada de API en el manifiesto de caché no funciona, supongo que es porque la API realmente carga otros archivos (ttf, eot, etc.).HTML5 caché fuera de línea google font api

¿Alguna idea de utilizar la fuente api fuera de línea sería posible?

de referencia, esta es la llamada que estoy haciendo:

http://fonts.googleapis.com/css?family=IM+Fell+English|Molengo|Reenie+Beanie

Fuente

2010-05-21 Bala Clark

Si pega la URL en la barra de direcciones del navegador verá los archivos de los enlaces CSS a:

http://themes.googleusercontent.com/font?kit=txVk61PTIsDrQQj2fK-76Q 
http://themes.googleusercontent.com/font?kit=ljpKc6CdXusL1cnGUSamX_cCQibwlboQP4eCflnqtq0 
http://themes.googleusercontent.com/font?kit=xwIisCqGFi8pff-oa9uSVOj-KzHqS7w8OFmqoAXdQwE

Fuente

2010-05-22 16:55:02 robertc

Pero tienes que tener cuidado. Google le proporciona diferentes archivos de fuentes según el sistema operativo desde donde lo solicite. Por lo tanto, debe agregar todos los archivos de fuente para todos los sistemas operativos –

Indeed. Una forma de almacenar en caché todas las extensiones de archivo se describe en esta pregunta de stackoverflow: http://stackoverflow.com/questions/7042834/is-it-possible-to-load-webfonts-through-the-offline-storage-cache-manifest –

Robertc de el enfoque es la solución ...

Es decir, pegue el enlace provisto por google en su navegador, y luego agregue los archivos que se mencionan en su manifiesto.

En mi caso hace referencia

<link href='http://fonts.googleapis.com/css?family=Patua+One' rel='stylesheet' type='text/css'>

que acaba consiste en lo siguiente definición de estilo

@font-face { 
    font-family: 'Patua One'; 
    font-style: normal; 
    font-weight: 400; 
    src: local('Patua One'), local('PatuaOne-Regular'), url('http://themes.googleusercontent.com/static/fonts/patuaone/v3/yAXhog6uK3bd3OwBILv_SD8E0i7KZn-EPnyo3HZu7kw.woff') format('woff'); 
}

Así que para obtener el tipo de letra a trabajar cuando en caché (fuera de línea o no), que tiene para agregar la URL a la que se hace referencia en 'src' a su manifiesto.

Fuente

2012-06-15 12:05:55 Dylsexia

HTML5 caché fuera de línea google font api

Respuesta

Cuestiones relacionadas