在控制台上显示：检测到慢速网络。加载时将使用后备字体答案

【问题标题】：Showing on console: Slow network is detected. Fallback font will be used while loading在控制台上显示：检测到慢速网络。加载时将使用后备字体
【发布时间】：2017-07-09 14:08:06
【问题描述】：

在这种情况下我该怎么办？在浏览器上运行 AngularJS 应用程序时，我在控制台上看到了这个：

检测到慢速网络。加载时将使用后备字体： /bootstrap/dist/fonts/glyphicons-halflings-regular.woff2

我还看到加载时字体发生了变化。

【问题讨论】：

禁用chrome://flags/#enable-webfonts-intervention-v2 下的标志将防止这种情况出现。
禁用 chrome://flags/#enable-webfonts-intervention-v2 下的标志在 chrome 版本 >61 中不起作用
下面的大部分答案都是在这里复制的stackoverflow.com/questions/40143098/…
这是 chrome 加速其 Chromium 引擎的故障保险。这样，如果您的网站加载缓慢，则本地字体将用于显示您的网站，而不是稍后在加载所有内容时显示您的原始字体。如前所述，您可以继续禁用它chrome://flags/#enable-webfonts-intervention-v2，您将不会再看到它
@FaizanRupani 即使使用本地或缓存的字体，这个问题也会出现。甚至对于加载本地可用的自定义字体的扩展程序也会出现此消息。

标签： angularjs google-chrome fonts webfonts

【解决方案1】：

将以下 chrome 标志设置为 Unknown 将阻止该消息出现在开发控制台上：

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

ᴛᴇꜱᴛᴇᴅᴏɴ
谷歌浏览器
版本 63.0.3239.84

【讨论】：

...如果您使用的是早期版本的 chrome，那么可能会在 OP 下查看我的评论。
这是 Chrome 较新版本的答案。谢谢！
适用于版本 67.0.3396.62（官方版本）（64 位）（Windows 10）。这是 2018 年的正确答案。

【解决方案2】：

本地主机服务器中的相同问题。

但如果您不想在日志中看到这些消息：

在chrome tools => console settings => 仅检查用户消息

【讨论】：

为了澄清这一点，打开开发工具，选择控制台选项卡，然后单击右上角的齿轮图标。然后选择“仅用户消息”。
这不仅会禁用此特定消息，还会禁用所有其他有用的消息（警告、错误等）
这个答案有许多不良副作用，正如@tomsihap 已经指出的那样

【解决方案3】：

只需将 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;
}

【讨论】：

【解决方案4】：

这是由于使用了多个框架。你可以忽略它。它不会产生任何问题。您只能从控制台中删除内容。

【讨论】：

【解决方案5】：

在 Chrome 中输入 URL 并输入 chrome://flags/#disable-accelerated-2d-canvas 我们将看到新版本的 WebFonts 用户代理干预，然后禁用它，问题将得到解决

【讨论】：

【解决方案6】：

这是 chrome 加速其 Chromium 引擎的故障保险。这样，如果您的网站加载缓慢，则本地字体将用于显示您的网站，而不是稍后在加载所有内容时显示您的原始字体。如前所述，您可以继续禁用它chrome://flags/#enable-webfonts-intervention-v2，您将不会再看到它

【讨论】：

【解决方案7】：

我面临同样的问题。要解决此问题，只需检查浏览器页面 -> 转到控制台 -> 在右上角打开控制台设置 -> 仅选择/检查用户消息选项它将消失这些慢速网络日志

【讨论】：

【解决方案8】：

要隐藏这些消息，可以执行以下步骤：

只需打开检查浏览器页面
点击控制台标签
在右上角打开控制台设置
检查仅用户消息选项

它将隐藏所有慢速网络控制台消息。但请记住，它只会隐藏那些无法解决问题的消息。

仅供参考：

【讨论】：

【解决方案9】：

这种独立于浏览器的 JavaScript 解决方案通过让用户等待字体下载完成来防止这些日志和 FOUT-FOIT-FOFT。

在客户端 JavaScript 中使用fontfaceobserver 来检测是否加载了字体，并且在加载字体之前不显示使用该字体的标记。

如何不显示标记取决于您使用的堆栈。

【讨论】：

【解决方案10】：

我通过关闭广告拦截工具来修复此错误

【讨论】：

【解决方案11】：

我对这个元标记很满意。

<meta content='IE=Edge;chrome=35+' https-equiv='X-UA-Compatible'/>

【讨论】：