字体真棒图标和响应模板

时间:2014-08-13 15:42:45

标签: javascript html font-awesome

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

当我去加载或重新加载页面时,似乎发生的是在字体真棒图标加载网格加载之前的瞬间,然后由图标填充。现在,因为模板是响应式的,所以当它从图标加载到没有图标的网格时,当图标进入并占据各自的位置时,它会快门/摇晃。

是否有人建议如何更改首先加载的顺序或者阻止整个页面,直到所有内容都加载完毕然后一次显示?

我试图重新安排CSS文件加载的顺序(尝试使用font-awesome CSS链接交换bootstrap)

我想知道是否有一个JavaScript事件会在显示之前等待所有内容加载。虽然这种方法在intertubes上发现了更多的信息,但决定不被宽恕。但是,在我读完的答案中,我没有看到另一种选择。

我有一种疯狂的感觉,这是非常基本的,我看不到树木的木材,所以如果我只是没有使用正确的词汇来找到这个,只要给我我的条款需要搜索,我会去学习新的东西。

1 个答案:

答案 0 :(得分:1)

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

https://github.com/typekit/webfontloader