Showing on console: Slow network is detected. Fallback font will be used while loading

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

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 2

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 3

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 4

This is due to the multiple frameworks that are been used. You can ignore it. It does not create any problems. You can just remove things from console only.