18

html/css を介してフォントをインポートできることは理解していますが、これが達成可能なアプローチであるかどうか疑問に思っています。

ありがとう！

4

1 に答える 1

16

はい、マニフェスト ファイルにフォントを追加すると、フォントは残りのファイルと一緒にダウンロードされ、オフラインで使用できるようになります。 ドメイン上にないリソースをキャッシュすることはできないため、フォントはオフライン アプリと同じサーバーから利用できる必要があります。たとえば、Google Web Font をキャッシュすることはできませんでした。 私はこれについていくつかのテストを行ってきました.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';
}

Font Squirrelから Gentium ファイルを取得します。

于 2011-08-14T16:34:20.773 に答える