在控制台上显示：检测到慢速网络。加载时将使用后备字体
Posted
技术标签:
【中文标题】在控制台上显示：检测到慢速网络。加载时将使用后备字体【英文标题】：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 中不起作用
下面的大部分答案都是在这里复制的***.com/questions/40143098/…
这是 chrome 加速其 Chromium 引擎的故障保险。这样，如果您的网站加载缓慢，则本地字体将用于显示您的网站，而不是稍后在加载所有内容时显示您的原始字体。如前所述，您可以继续禁用它chrome://flags/#enable-webfonts-intervention-v2，您将不会再看到它
@FaizanRupani 即使使用本地或缓存的字体，这个问题也会出现。甚至对于加载本地可用的自定义字体的扩展程序也会出现此消息。
【参考方案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'/>
【讨论】：
以上是关于在控制台上显示：检测到慢速网络。加载时将使用后备字体的主要内容，如果未能解决你的问题，请参考以下文章