为什么此“检测到网络速度慢...”日志出现在Chrome中？

我注意到它info log开始出现在Google Chrome开发者版（版本55.0.2883.18开发）中，我无法想象为什么。

检测到慢速网络。：后备字体将同时加载使用的http：//font-path.extension `

它会出现在所有使用的网站上font-face，甚至在本地页面和Chrome扩展程序上也是如此。

这意味着网络速度很慢，Chrome浏览器用@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.100在localhost作为服务器的MacOs Sierra上构建chrome时遇到了同样的问题。当我将网络速度配置更改为3G快/ 3G慢，然后又回到在线时，Chrome开始记录此消息。

修复： 当我尝试选择脱机模式然后再次选择联机模式时，日志记录问题消失了。（此修复程序可能不适用于某些设备或版本）

2018年1月30日更新

我将google chrome更新为Version 64.0.3282.119 (Official Build) (64-bit)，看来此错误已修复。

编辑：这不适用于最新版本的63.0+

我可以使用上述评论之一的帮助来禁用它，请转到

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

技巧还在于在其正下方禁用“ 触发WebFonts始终触发用户代理干预 ”选项。

就我而言，它是Google Chrome的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并将其设置为Disabled

这是由于Chrome中存在一个错误，该错误带有其最新的“网络速度” API。希望它将在下一个版本中修复

我已禁用网络限制，但今天开始在75mb / s的业务连接上出现此错误...

要在我的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秒钟未渲染图标，因此用户会看到渲染效果很差的图标。

我还没有解决方案。

转到Font的stylesheet.css并添加font-display：block; 全部@ font-face {}

这个Stackoverflow答案帮助了我。

以下是答案摘要

如果您可以访问此扩展的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插件，它便消失了。有点烦人，因为我提供的字体来自本地主机，所以与缓慢的网络连接无关。

右键单击Chrome Dev。然后选择过滤器。并选择消息来源。