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

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

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

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

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

如果你可以访问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文件中