【发布时间】：2019-10-20 20:34:51
【问题描述】：
我们刚刚购买了专业版并切换到 SVG，因为图标看起来更漂亮了。
但是，我们在每个页面加载图标时都会出现一些闪烁问题。
通过确保在图标加载时页面不会调整大小，我已经稍微减轻了它的不和谐特性（因为之前它下面带有文本的图标会在容器顶部加载文本，然后图标加载会将其向下移动）。
不过还是有点烦。 CSS 版本不会出现这些问题。
具体来说：
- 有没有什么办法可以减少我没想到的这种影响
- 我们可以在加载页面之前强制加载 svg 吗？对 font awesome 的引用是一个 javascript 文件，但我已经将它放入顶部的
<head>中。 - 我们可以延迟页面加载，直到它准备好？
- 是否有一种混合解决方案，它最初加载 CSS 版本，然后在加载 svg 版本时替换它们？
【问题讨论】：
-
现在有同样的问题，考虑可能所有 元素上的 css 淡入作为一种 hacky 解决方法，所以它不会那么刺耳。
-
IIRC 最后我只是隐藏了整个页面并挂钩了一些事件（甚至可能是 DOM 准备好了），然后一口气将其显示出来。
标签： svg font-awesome font-awesome-5