0

ユーザーのサイトへのインターネット接続が遅いと思われる場合、CSS ファイルでどのフォントを使用すればよいか教えていただけますか?

フォントのローカルファイルを接続しました：

@font-face {
    font-family: 'Open Sans 2';
    src: url('fonts/OpenSans-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

Opera は、このフォントが 2 秒間ダウンロードされることを示しています。

オペラ

その結果、サイトは 5 秒ごとにのみ開かれます。これは異常です...

Q: フォント ファイルの一部のみを含めるにはどうすればよいですか、または軽量フォントを教えてください。

ご覧いただきありがとうございます :) !

4

1 に答える 1

1

主な目標がフォントのダウンタイムをなくすことである場合は、CDN やローカルのフォントではなく、ネイティブのクロスブラウザー フォントを使用する必要があります。それ。

本当に他のフォントを使用したい場合は、GoogleFonts が確実なオプションであるか、ローカルのフォント + キャッシュかもしれません。また、ここで説明するように JS フォント ローダーを使用することもできますhttps://www.lockedowndesign.com/load-google-fonts-asynchronously-for-page-speed しかし、フォントが読み込まれると点滅効果があると思います。

聴衆について考え、自分にとって何が最も重要かを考えなければなりません。すべての接続が遅いことがわかっている場合は、ネイティブ/セーフ フォントのみを使用してください。

于 2016-02-01T10:41:52.340 に答える