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

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

希望这能有所帮助。

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

在将index.html中的链接https://fonts.googleapis.com/icon?family=Material+Icons替换为集成版本(npm install .... .html)后，我在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;
}

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

控制台设置->仅限用户消息

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