この「遅いネットワークが検出されました…」というログがChromeに表示されるのはなぜですか？

これinfo logがGoogle Chrome Dev（バージョン55.0.2883.18 dev）に登場し始めたことに気づきましたが、その理由は想像できません。

遅いネットワークが検出されました。ロード中に代替フォントが使用されます：http：//font-path.extension `

font-faceローカルページやChrome拡張機能を含め、を使用するすべてのウェブサイトに表示されます。

これは、ネットワークが遅く、ChromeがWebフォント（@font-faceルールで読み込まれたもの）をローカルフォールバックに置き換えていることを意味します。

デフォルトでは、Webフォントでレンダリングされたテキストは、フォントがダウンロードされるまで非表示になります（「非表示テキストのフラッシュ」）。この変更により、遅いネットワークのユーザーは、コンテンツが読み込まれたときに、空のページを数秒間調べるのではなく、すぐに読み始めることができます。

• 関連するChromeの問題：https : //bugs.chromium.org/p/chromium/issues/detail?id=578029。（9月に上陸した3G接続でこの動作を有効にする変更。これがメッセージを受け取った理由です。）
• 関連ソースコード：https : //chromium.googlesource.com/chromium/src/third_party/+/master/WebKit/Source/core/css/RemoteFontFaceSource.cpp#74

サーバーとしての61.0.3163.100MacOs SierraでのChrome ビルドでも同じ問題に直面しlocalhostました。Chromeは、ネットワーク速度の構成を3G高速/ 3G低速に変更し、再びオンラインに戻したときに、このメッセージのログを記録し始めました。

修正： オフラインモードを選択し、オンラインモードを再度選択しようとすると、ログの問題が消えました。（この修正は一部のデバイスまたはバージョンでは機能しない場合があります）

2018年1月30日更新

google chromeをVersionに更新しました64.0.3282.119 (Official Build) (64-bit)。このバグは修正されたようです。

編集：これは63.0+の最新バージョンでは機能しません

上記のコメントのいずれかのヘルプを使用して無効にすることができました。

chrome://flags/#enable-webfonts-intervention-v2

トリックはまた「を無効にすることですそのすぐ下にある「常にWebFontsをロードするためのユーザーエージェント介入のトリガー」オプションすることです。

私の場合、それはグーグルクロムのためのAdBlock Plus拡張でした。それをオフにすると、完全に機能しました。

この拡張機能のcssにアクセスできる場合はfont-display:block;、フォントフェイス定義を追加するか、この拡張機能の開発者にフィードバックを送信してください:)

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

これをコンソール設定で隠す

Console settings -> User messages only

chrome：// flags /＃enable-webfonts-intervention-v2に移動して、無効に設定します

これは、「ネットワーク速度」に関する最新のAPIを備えたChromeのバグが原因です。それが次のバージョンで修正されることを願っています

ネットワークスロットリングを無効にしていますが、今日、75 MB /秒のビジネス接続でこのエラーが発生し始めています...

Chrome 60.0.3112.90（公式ビルド）（64ビット）のビルドでそれを修正するには、DevToolsを開いてから、DevTools設定に移動し、[Log XMLHttpRequests]をオンにし、[ユーザーメッセージのみ]をオフにし、[ネットワークメッセージを非表示]にします

これを無効にする最も簡単な方法は、Chrome開発ツールで警告をオフにすることです

お役に立てれば。

フィルター正規表現を機能させることができました：/^((?!Fallback\sfont).)*$/。

これをコンソールのすぐ上のフィルターフィールドに追加すると、を含むすべてのメッセージが非表示になりますFallback font。

必要に応じて、より具体的にすることができます。

Googleフォントを使用するアプリを開発していて、ユーザーにこれらの警告が表示されないようにする必要がある場合。可能な解決策（詳細はこちら）は、フォントをローカルにロードすることでした。

私は時々インターネットが遅い（またはインターネットにアクセスできない）がページを提供するアプリケーションにこのソリューションを使用しました。これはアプリがGoogleフォントを使用し、これらのフォントへの更新は重要ではないと想定しています。また、ttfフォントの使用がアプリケーションのWC3 TTFフォントブラウザサポートに適していると仮定します。

フォントをローカルで提供する方法は次のとおりです。

行きhttps://fonts.google.com/とあなたのフォントの検索を行います

フォントを追加する

それらをダウンロードする

それらをサイトルートに配置します

それらを@fontファイルに追加します

fontawesomeのフォントでも同じエラーが発生しました。次に、最新のfontawesomeのフォントをダウンロードして、古いフォントに置き換えます。そして、エラーはなくなりました。

1. いいえ、これはネットワークが遅いという意味ではありません。
2. いいえ、これは誤った警告だけではありません。

index.htmlのリンクhttps://fonts.googleapis.com/icon?family=Material+Iconsを統合バージョン（npm install .... material-icons ...）に置き換えた後、角度のあるWebアプリケーションでこの問題が発生します。これは機能しますが、Webアプリケーションがその警告を表示することがあります。

警告が表示されている場合、アイコンは約1秒間レンダリングされないため、ユーザーには不適切にレンダリングされたアイコンが表示されます。

まだ解決策がありません。

フォントのstylesheet.cssに移動し、font-display：ブロックを追加します。すべての@ font-face {}

このStackoverflow Answerが役に立ちました。

以下は答えの要約です

この拡張機能のcssにアクセスできる場合は、font-display：block;を追加するだけです。フォントフェイスの定義について、またはこの拡張機能の開発者にフィードバックを送信してください:)

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

[コンソール設定]をクリックして、[メッセージのみを使用]チェックボックスをオンにすると、それらのメッセージが再び表示されなくなります。

[ヘルプ]からChromeの最新バージョン（63.0.3239.84）に更新する-[バージョン情報]で修正されました。

（実際には、最後のエラーを解消するために、開発者ツールの[ネットワーク]タブでオフラインに切り替えてからオンラインに戻す必要がありました。）

DuckDuckGo Privacy Essentialsプラグインを無効にすると、すぐに消えてしまいました。私が提供していたフォントはlocalhostからのものだったので、少し煩わしいので、低速のネットワーク接続とは関係ありません。

Chrome Devで右マウスクリック。次に、フィルターを選択します。メッセージのソースを選択します。