这是一个挑剔的问题,但它让我发疯。我已经构建了一个使用Font Awesome图标的boostrap响应式Web模板。
当我去加载或重新加载页面时,似乎发生的是在字体真棒图标加载网格加载之前的瞬间,然后由图标填充。现在,因为模板是响应式的,所以当它从图标加载到没有图标的网格时,当图标进入并占据各自的位置时,它会快门/摇晃。
是否有人建议如何更改首先加载的顺序或者阻止整个页面,直到所有内容都加载完毕然后一次显示?
我试图重新安排CSS文件加载的顺序(尝试使用font-awesome CSS链接交换bootstrap)
我想知道是否有一个JavaScript事件会在显示之前等待所有内容加载。虽然这种方法在intertubes上发现了更多的信息,但决定不被宽恕。但是,在我读完的答案中,我没有看到另一种选择。
我有一种疯狂的感觉,这是非常基本的,我看不到树木的木材,所以如果我只是没有使用正确的词汇来找到这个,只要给我我的条款需要搜索,我会去学习新的东西。
答案 0 :(得分:1)
您可以使用WebfontLoader加载字体真棒字体。这样您就可以使用他们的事件和类来显示和隐藏网格。