不，这并不意味着网络很慢。 不，这不仅仅是错误的警告。

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

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

我还没有答案。

这意味着网络很慢，Chrome正在用本地回退替换web字体(使用@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

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

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

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

我注意到，如果我单独使用'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');
}

不，这并不意味着网络很慢。 不，这不仅仅是错误的警告。

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

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

我还没有答案。

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