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

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

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

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

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

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

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

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

添加字体

下载它们

将它们放在站点根目录下

将它们添加到@font文件中

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

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

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

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

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