0

Webサイトでより高速なフォントをロードするには、いくつかの解決策または提案が必要です。

何かのようなもの

@font-face {
    font-family: 'myfont';
    src: url('myfont.eot');
    src: url('myfont.eot?#iefix') format('embedded-opentype'),
         url('myfont.woff') format('woff'),
         url('myfont.ttf') format('truetype'),
         url('myfont.svg#nexa_heavyregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

HTMLがfont-faceurlをロードまたはダウンロードしている間にfont-faceを変更するのに少し時間がかかりますが、それをより速くロードするためのアイデアはありますか？

4

1 に答える 1

2

ネットワークとブラウザのフォントレンダリングに依存するため、読み込みを高速化することはできませんが、 FontLoaderを使用して、フォント面の読み込み中に何らかの読み込みインジケータを表示できます。

// Show an activity indicator while font is loading...

var fontLoader = new FontLoader(["myfont"], {
    "fontsLoaded": function(error) {
        // Hide the activity indicator and show the text.
    }
}, 3000);
fontLoader.loadFonts();

これがjsFiddleのデモです

于 2013-04-03T15:58:28.310 に答える