gpt4 book ai didi

svg - 页面加载时减少或删除 Font Awesome SVG 闪烁

转载 作者:行者123 更新时间:2023-12-04 13:41:31 24 4
gpt4 key购买 nike

我们刚刚购买了专业版并切换到 SVG,因为图标看起来更好看。

然而,当它加载图标时,我们在每个页面上都有一些闪烁的问题。

我通过确保在图标加载时页面不会调整大小来稍微减轻它的不和谐性质(因为以前带有文本的图标将与容器顶部的文本一起加载,然后图标加载将向下移动)。

然而,它仍然有点刺激。 CSS 版本没有出现这些问题。

具体来说:

  • 有什么方法可以最大限度地减少这种影响,我没有想到
  • 我们可以在以某种方式加载页面之前强制加载 svg 吗?对 font awesome 的引用是一个 javascript 文件,但我已经将其放入 <head>在顶部。
  • 我们可以延迟页面加载直到它准备好吗?
  • 是否有一种混合解决方案,它最初加载 CSS 版本,然后在 svg 版本加载时替换它们?
  • 最佳答案

    看起来在加载图标时在标题中添加了一些类,可以利用这些类来尝试减少图标的不和谐加载。
    https://fontawesome.com/how-to-use/on-the-web/advanced/svg-asynchronous-loading

    关于svg - 页面加载时减少或删除 Font Awesome SVG 闪烁,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56458683/

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