HTML5 offline cache google font api

Я пытаюсь создать автономное тестовое приложение HTML5 и одновременно играю с новыми шрифтами google. Кто-нибудь есть идеи, как кешировать удаленные шрифты? Простое размещение вызова api в манифест кеша не работает, я предполагаю, что это происходит потому, что api фактически загружает другие файлы (ttf, eot и т. Д.).HTML5 offline cache google font api

Любые идеи, если использовать шрифт api в автономном режиме, возможно?

Для справки это вызов творю:

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

источник

2010-05-21 Bala Clark

Если вставить, что URL в адресной строке браузера вы увидите файлы в CSS ссылки:

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

источник

2010-05-22 16:55:02 robertc

Но вы должны быть осторожны. Google предоставляет вам разные файлы шрифтов в зависимости от ОС, от которых вы запрашиваете. Итак, вы должны добавить все файлы шрифтов для всех ОС. –

Действительно. Способ кэширования всех расширений файлов описан в этом вопросе stackoverflow: http://stackoverflow.com/questions/7042834/is-it-possible-to-load-webfonts-through-the-offline-storage-cache-manifest –

Robertc-х подход - это решение ...

Т.е. вставьте ссылку, предоставленную Google, в ваш браузер, а затем добавьте любые файлы, на которые ссылается ваш манифест.

В моем случае я ссылка

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

который только состоит из следующего определения стиля

@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'); 
}

Таким образом, чтобы шрифт работать, когда в кэше (офф-лайн или нет), то есть чтобы добавить URL-адрес, указанный в 'src', в ваш манифест.

источник

2012-06-15 12:05:55 Dylsexia

ответ

Смежные вопросы