gpt4 book ai didi

javascript - Font Awesome 图标和响应式模板

转载 作者:行者123 更新时间:2023-12-03 12:03:28 25 4
gpt4 key购买 nike

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

当我加载或重新加载页面时,似乎发生的情况是,在字体很棒的图标加载之前的一瞬间,网格加载,然后由图标填充。现在,由于模板是响应式的,当它从没有图标的网格加载到正确的大小时,当图标进入并占据各自的位置时,它会关闭/抖动。

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

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

我想知道是否有一个 JavaScript 事件会等到所有内容加载后再显示。虽然这种方法发现了更多有关插管的信息,但我们决定不予宽恕。但是,我在阅读的答案中没有看到提出替代方案。

我有一种疯狂的感觉,这太基本了,我看不见树木,所以如果我没有使用正确的词汇来找到它,只需给我我所需要的术语即可需要搜索,我会去学习新的东西。

最佳答案

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

https://github.com/typekit/webfontloader

关于javascript - Font Awesome 图标和响应式模板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25290527/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com