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

Ответ 1

Да, если вы добавите шрифты в файл манифеста, они будут загружены вместе с остальными файлами, а затем будут доступны в автономном режиме. Шрифты должны быть доступны с того же сервера, на котором находится автономное приложение, потому что вы не можете кэшировать ресурсы, не входящие в ваш домен. Например, вы не могли кэшировать веб-шрифт 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.