为什么“检测到网络慢”?日志出现在Chrome?

我注意到这个info log开始出现在谷歌Chrome Dev(版本55.0.2883.18 Dev)，我无法想象为什么。

检测到网络慢速。在加载时将使用回退字体:http://font-path.extension '

它出现在所有使用font-face的网站上，甚至在本地页面和Chrome扩展上。

Print screen of a local website

251419 次浏览
小开
最佳答案

这意味着网络很慢，Chrome正在用本地回退替换web字体(用@font-face规则加载)。

默认情况下，使用web字体呈现的文本在字体下载之前是不可见的(“无形文字的闪光”)。有了这个改变，在速度较慢的网络上，用户可以在内容加载时立即开始阅读，而不是在空白页面中等待几秒钟。

小开

编辑:这是不工作的最新版本的63.0+

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

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

窍门是同样禁用下面的"触发用户代理干预WebFonts加载总是"选项。

enter image description here

小开

我已经禁用了网络节流，但今天开始在75mb/s的业务连接上得到这个错误…

为了修复我的Chrome 60.0.3112.90(官方版本)(64位)，我打开DevTools，然后导航到DevTools设置，然后勾选“日志xmlhttprequest”，不勾选“仅用户消息”和“隐藏网络消息”

小开

我也有同样的错误与fontawesome字体。 然后我下载了最新的fontawesome字体和替换到旧的字体。 错误消失了。< / p >

小开

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

enter image description here

希望这能有所帮助。

小开

我通过设置控制台设置来隐藏它

__abc0 -> __abc1

小开

我在MacOs Sierra上使用localhost作为服务器构建chrome 61.0.3163.100时也遇到了同样的问题。当我将网络速度配置更改为3G快/ 3G慢，然后再次返回在线时，Chrome开始记录这条消息。

< >强解决办法: 当我尝试选择脱机模式和再次选择联机模式时，日志记录问题消失了。(此修复可能在某些设备或版本上不起作用) < / p >

2018年1月30日更新

我更新了谷歌chrome版本64.0.3282.119 (Official Build) (64-bit)，似乎这个错误现在已经修复。

小开

你可以点击“控制台设置”，然后勾选“只使用消息”，之后这些消息将不会再次显示。

enter image description here

小开

鼠标右键在Chrome Dev上操作，然后选择filter。并选择消息源。

小开

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

这是由于他们最新的“网络速度”API在Chrome中出现了一个错误。希望下个版本能修复

小开

在我的情况下，它是AdBlock Plus扩展谷歌chrome。把它关掉，它工作得很好。

小开

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

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

如果你愿意，你可以说得更具体一些。

小开

通过帮助更新到最新版本的Chrome(63.0.3239.84) ->大约为我修复了它。

(实际上，我不得不在开发工具的网络选项卡中切换到脱机和联机，以消除最后的错误。)

小开

如果你正在开发一个使用谷歌字体的应用程序，并希望确保你的用户看不到这些警告。一个可能的解决方案(详细的在这里)是在本地加载字体。

我使用这个解决方案的应用程序，有时有缓慢的互联网(或没有互联网接入)，但仍然提供页面，这假设你的应用程序使用谷歌字体和更新这些字体不是关键。还要假设使用ttf字体适合你的应用程序WC3 TTF字体浏览器支持。

以下是我如何完成本地服务字体:

去https://fonts.google.com/，搜索你的字体

search

添加字体

enter image description here

下载它们

enter image description here

将它们放在站点根目录下

enter image description here

将它们添加到@font文件中

enter image description here

小开

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

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

在将index.html中的链接https://fonts.googleapis.com/icon?family=Material+Icons替换为集成版本(npm install ....)后，我在angular web应用程序上遇到了这个问题material-icons……)。这是有效的，但有时web应用程序显示警告。

当警告显示图标不渲染大约1秒，所以用户看到糟糕的渲染图标。

我还没有答案。

小开

如果你可以访问这个扩展的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;
}
小开

我注意到，如果我单独使用'woff'版本的字体，我就会收到这个延迟警告消息。但是如果我添加“ttf”版本，警告就会消失。当我使用本地web应用程序时，我对字体文件的大小做了权衡。

font-face {
font-family: Rakaba;
src: url(../assets/font/web/Rakaba-Bold.woff) format('woff'),
url(../assets/font/Rakaba-Bold.ttf) format('ttf');
}

提交答案