HTML5 автономный кеш google font api - PullRequest
Новая
       10

HTML5 автономный кеш google font api

7 голосов
/ 21 мая 2010

Я пытаюсь создать автономное тестовое приложение HTML5 и одновременно играю с новым API Google Fonts. У кого-нибудь есть идеи как кешировать удаленные шрифты? Простое помещение вызова API в манифест кэша не работает, я предполагаю, что это потому, что API фактически загружает другие файлы (ttf, eot и т. Д.)

Какие-нибудь идеи, если использование шрифта api в автономном режиме было бы возможно?

Для справки: я звоню: 

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

Ответы [ 2 ]

6 голосов
/ 15 июня 2012

Подход Роберта - это решение ...

Т.е., вставьте предоставленную 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', в ваш манифест.

6 голосов
/ 22 мая 2010

Если вы вставите этот 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
...