web-dev-qa-db-ja.com

コンソールに表示：低速ネットワークが検出されました。ロード中に代替フォントが使用されます

この場合、私は何ができますか？ブラウザでAngularJSアプリを実行すると、コンソールにこれが表示されます：

低速ネットワークが検出されました。ロード中にフォールバックフォントが使用されます：/bootstrap/dist/fonts/glyphicons-halflings-regular.woff2

また、読み込み中にフォントが変わるのを確認します。

angularjsgoogle-chromefontswebfonts
35
Scopi

chrome://flags/#enable-webfonts-intervention-v2に移動し、disabledに設定します

これは、Chromeのバグであり、「ネットワーク速度」の最新のAPIが使用されています。次のバージョンで修正されることを願っています

67
Gijo Varghese

次のchromeフラグをUnknownに設定すると、そのメッセージがdev-consoleに表示されなくなります。

chrome://flags/#force-effective-connection-type

enter image description here

ᴛᴇꜱᴛᴇᴅᴏɴ
グーグルクローム
バージョン63.0.3239.84

25
ɢʀᴜɴᴛ

Localhostサーバーでの同じ問題。

ただし、これらのメッセージをログに表示したくない場合は、次のようにします。

chrome tools => console settings =>ユーザーメッセージのみでチェック

13
Diego

font-displayをすべてのcssフォントフェース定義に追加して、コンソールからエラーを削除します。

@font-face {
  font-family: ExampleFont;
  src: url(/path/to/fonts/examplefont.woff) format('woff'),
       url(/path/to/fonts/examplefont.eot) format('eot');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
3
Javad Evazzadeh

これは、使用されている複数のフレームワークによるものです。無視しても構いません。問題は発生しません。コンソールからのみ削除できます。

2
Ashiz Hamal

これらのメッセージを非表示にするには、次の手順を実行できます。

  1. ブラウザページを開くinspect
  2. consoleタブをクリックします
  3. 右上でコンソール設定を開きます
  4. チェックユーザーメッセージのみオプション

すべての低速ネットワークコンソールメッセージを非表示にします。ただし、問題を解決するのではなく、これらのメッセージのみが非表示になることに注意してください。

ご参考までに ：

FYI

0
Sangwin Gawande

これは、chromeがクロムエンジンを高速化するためのフェイルセーフです。 Webサイトの読み込みが遅い場合は、すべてが読み込まれた後、元のフォントが表示されるので、ローカルフォントを使用してWebサイトが表示されます。述べたように、先に進み、それを無効にすることができますchrome://flags/#enable-webfonts-intervention-v2、これはもう表示されません

0
Faizan Rupani

私は同じ問題に直面しています。この問題を解決するには、単にブラウザページを調べてください->コンソールに移動->右上のコンソール設定を開いて->ユーザーメッセージのみのオプションを選択/チェックすると、これらの遅いネットワークログが消えます

0
Rohit Deshmukh

ChromeにURLを入力し、chrome://flags/#disable-accelerated-2d-canvasと入力します。WebFontsの新しいバージョンのUser Agent Interventionが読み込まれ、無効になります。問題は解決します。

0
Sreehari Ballampalli

このブラウザに依存しないJavaScriptソリューションは、フォントがダウンロードされるまでユーザーを待機させることにより、これらのログと FOUT-FOIT-FOFT を防ぎます。

クライアントJavaScriptでは fontfaceobserver を使用してフォントがロードされているかどうかを検出し、フォントがロードされるまでそのフォントを使用してマークアップを表示しません。

マークアップを表示しない方法は、使用するスタックによって異なります。

0
Mozfet