Czy można załadować webfonts poprzez manifest pamięci podręcznej magazynu offline?

Tak, jeśli dodasz czcionki do pliku manifestu, zostaną one pobrane wraz z resztą plików, a następnie będą dostępne w trybie offline. czcionki muszą być dostępne z tego samego serwera, na którym znajduje się Twoja aplikacja offline, ponieważ nie możesz buforować zasobów spoza twojej domeny. Na przykład nie można buforować czcionki internetowej Google. robiłem kilka testów na tym, wygląda na to, że czcionki z Google są dobrze buforowane na Chrome i operze, tylko Firefox ma problemy . "Nie na ograniczenie domeny dla manifestu ma zastosowanie tylko wtedy, gdy jest obsługiwany przez HTTPS.

Nadal będziesz musiał odwoływać się do czcionek z regułą @font-face w CSS, aby mogły być używane na twojej stronie. Na przykład w pliku manifestu:

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

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

Pobierz pliki Gentium z font Squirrel .