Javascript 谷歌浏览器中的字体闪烁

我将FontAwesome用作我网站上的一些图标：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

但是，在chrome中，当我刷新页面时，需要0.5秒的时间才能加载字体，导致页面移动，然后在加载字体时向后移动

---

我在Edge和Firefox上试用过，它们会立即加载，为什么会这样？

试着直接将其放在托管服务器上，然后从那里加载。从CDN加载资产有时会导致问题。

谷歌搜索“FOUT”。如果Chrome在加载CSS之前显示内容的速度更快，那么会出现一些未设置样式的文本，这就是为什么在加载CSS之前，通常需要确保没有完整的DOM渲染（并且在CSS仍然加载时显示的内容实际上没有太多的样式）。你剩下的代码在哪里？例如，显示有多少内容使用fontawesome的HTML在哪里？我正在使用myBB和FA加载论坛图标，就是这样。我用它来做一件事，可能是4件事。没有样式的论坛图标占位符大小是否与FA所做的不同？如果是这样的话，尝试匹配这些内容（即使是重新设计样式）应该不会再导致内容变化。