为什么这个＆＃34;慢速网络检测到......＆＃34;日志出现在Chrome中？

Question

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

  

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

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

Answer 1

这意味着网络速度很慢，Chrome正在使用本地回退替换网络字体（加载了@font-face规则）。

默认情况下，在下载字体（“flash of invisible text”）之前，使用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

Answer 2

我在使用61.0.3163.100作为服务器的MacOs Sierra上遇到了与Chrome版本localhost相同的问题。当我将网络速度配置更改为3G快速/ 3G慢速并再次返回在线时，Chrome开始记录此消息。

<强>修正： 当我尝试选择离线模式并再次选择在线模式时，日志记录问题就消失了。 （此修复程序可能无法在某些设备或版本上运行）

  

2018年1月30日更新

我将谷歌浏览器更新为版本64.0.3282.119 (Official Build) (64-bit)，现在似乎已修复此错误。

Answer 3

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

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

<强> chrome://flags/#enable-webfonts-intervention-v2

诀窍是还要禁用＆＃34; 触发用户代理干预WebFonts总是加载＆＃34;选项就在那之下。

Answer 4

就我而言，它是Google Chrome的AdBlock Plus扩展程序。关闭它，它完美地工作。

Answer 5

我通过设置控制台设置隐藏了这个

Console settings - ＆gt; User messages only

Answer 6

如果您可以访问此扩展程序的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;
}

Answer 7

转到chrome：// flags / #enable-webfonts-intervention-v2并将其设置为禁用

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

Answer 8

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

要在我的Chrome 60.0.3112.90（官方版本）（64位）版本中修复它，我打开了DevTools，然后导航到DevTools设置，然后选中了“记录XMLHttpRequests”，“未点击”＆＃39;仅限用户消息＆＃39;和＆＃39;隐藏网络消息＆＃39;

Answer 9

禁用此功能的最简单方法是取消选中chrome dev工具中的警告

希望这有帮助。

Answer 10

我设法让过滤器正则表达式工作：/^((?!Fallback\sfont).)*$/。

将其添加到控制台正上方的过滤器字段中，它将隐藏包含Fallback font的所有邮件。

如果您愿意，可以使其更具体。

Answer 11

如果您开发的应用程序使用谷歌字体，并希望确保您的用户不会看到这些警告。可能的解决方案（detailed here）是在本地加载字体。

我将此解决方案用于某些应用程序，该应用程序有时具有较慢的互联网（或无法访问互联网）但仍然可以提供页面，这假设您的应用程序使用Google字体并且对这些字体的更新并不重要。还假设使用ttf字体适合您的应用程序WC3 TTF Font Browser Support。

以下是我在本地提供字体服务的方法：

转到https://fonts.google.com/并搜索字体

添加字体

下载

将它们放在站点根目录

中

将它们添加到@font文件

Answer 12

我对fontawesome的字体也有同样的错误。 然后我下载了最新的fontawesome字体并替换为旧字体。 错误消失了。

Answer 13

1. 不，这并不意味着网络速度很慢。
2. 不，这不仅是错误的警告。

在将index.html中的链接https://fonts.googleapis.com/icon?family=Material+Icons替换为集成版本（npm install .... material-icons ...）后，我在角度Web应用程序上遇到了此问题。此方法有效，但有时Web应用程序会显示该警告。

显示警告时，大约1秒钟未渲染图标，因此用户会看到渲染效果很差的图标。

我还没有解决办法。

Answer 14

您可以点击“控制台设置”，然后选中“仅使用信息”框，之后这些信息就不会再次显示。

Answer 15

通过帮助更新到最新版本的Chrome（63.0.3239.84） - ＆gt;关于我的修复。

（实际上，我必须在开发人员工具的“网络”选项卡中切换到“离线”并返回“在线”，以使最后的错误消失。）

Answer 16

当我禁用DuckDuckGo Privacy Essentials插件时，它就消失了。因为我服务的字体是来自localhost所以有点烦人，所以不应该与慢速网络连接有任何关系。

Answer 17

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

Answer 18

转到Font的stylesheet.css，然后在所有 @ font-face {}

中添加 font-display：block;

This Stackoverflow Answer helped me..

  

下面是答案摘要

如果您可以访问此扩展的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;
}