Showing on console: Slow network is detected. Fall

Question

what can I do in this case? I'm seeing this on my console when ran on the browser the AngularJS App:

Slow network is detected. Fallback font will be used while loading: /bootstrap/dist/fonts/glyphicons-halflings-regular.woff2

I also see the fonts changing while loading.

Answer 1

Same issue in localhost server.

But if you don't want to see these messages in log:

On the chrome tools => console settings => checked on User messages only

Answer 2

Simply add font-display to all css font-face definitions to remove error from console.

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

Answer 3

In Chrome type the URL and enter chrome://flags/#disable-accelerated-2d-canvas we will see new version of User Agent Intervention for WebFonts loading then disable it, the problem will get resolved

Answer 4

I FIX THIS ERROR BY TURN OFF THE AD BLOCKER TOOL

Answer 5

Setting the following chrome flag to Unknown will prevent that message appearing on dev-console :

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

ᴛᴇꜱᴛᴇᴅ ᴏɴ
Google Chrome
Version 63.0.3239.84

Answer 6

This is a fail safe for chrome to speed up their chromium engine. that way if your website is loading slowly then local font will be used to show your website than later when everything is loaded your original font will appears. as mentioned you can go ahead and disable it chrome://flags/#enable-webfonts-intervention-v2 and you won't see this anymore