如果你可以访问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;
}

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

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

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

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

访问https://fonts.google.com/，搜索你想要的字体

添加字体

下载它们

将它们放在站点根目录下

将它们添加到@font文件中

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

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

chrome: / /标志/ # enable-webfonts-intervention-v2

窍门是禁用“触发用户代理干预WebFonts加载总是”选项，就在下面。

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

在将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