Можно ли загрузить веб-шрифты через манифест автономного хранилища? - PullRequest
Новая
       13

Можно ли загрузить веб-шрифты через манифест автономного хранилища?

18 голосов
/ 12 августа 2011

Я понимаю, что могу импортировать свои шрифты через html / css, но мне интересно, достижим ли это.

Спасибо!

1 Ответ

16 голосов
/ 14 августа 2011

Да, если вы добавите шрифты в файл манифеста, они будут загружены вместе с остальными файлами, а затем будут доступны в автономном режиме. Шрифты должны быть доступны с того же сервера, на котором находится ваше автономное приложение, поскольку вы не можете кэшировать ресурсы не в своем домене.Например, вы не могли кэшировать веб-шрифт Google. Я проводил некоторые тесты на этом, кажется, что шрифты от Google отлично кэшируются на Chrome и Opera, только у Firefox есть проблемы .Ограничение «не на вашем домене» для манифеста применяется только в том случае, если он передается по HTTPS.

Вам все равно нужно будет ссылаться на шрифты с правилом @font-face в CSS, чтобы они могли использоваться на вашей странице.,Например, в файле манифеста: 

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

В 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';
}

Получить файлы Gentium из Font Squirrel .

...