字体真棒图标和响应模板

Question

这是一个挑剔的问题，但它使我发疯。 我已经构建了一个Boostrap响应式Web模板，该模板始终使用Font Awesome图标。

当我去加载或重新加载页面时，似乎发生的事情是在字体真棒图标加载网格加载之前的一瞬间，然后由图标填充。 现在，由于模板具有响应能力，因此当模板从其中没有图标的网格加载时，它会百叶窗/微动，当图标进入并占据它们各自的位置时，模板会变为正确的大小。

有没有人对如何更改首先加载的顺序或保留整个页面直到所有内容加载然后一次显示的建议？

我试图重新排列CSS文件的加载顺序（尝试用字体真棒的CSS链接交换引导程序）

我想知道是否有一个JavaScript事件会等到所有内容加载后再显示。 尽管此方法在管间中找到了更多信息，但还是决定不予宽恕。 但是，我没有在阅读的答案中提出替代方案。

我有一种疯狂的感觉，这是如此基础，以至于我看不到树木所用的木头，因此，如果我只是没有使用正确的词汇来找到它，那么请给我我需要的术语搜索，我将继续学习新知识。

Answer 1

您可以使用WebfontLoader加载真棒字体。 这样，您可以使用他们的事件和类来显示和隐藏网格。

https://github.com/typekit/webfontloader