Css 字体图标初始占位符？

我使用的是字体很棒的图标和推荐的Javascript参考：

<script src="https://use.fontawesome.com/7c7031cd1a.js"></script>

当页面完成加载并显示图标时，当每个图标占据其指定的宽度空间时，图标设置位置周围的所有文本字符串和/或元素都会跳转到位

---

有办法避免吗？谢谢。

您看到的是不可见文本的闪光（或未格式化内容的闪光）。这是因为页面是在下载外部字体之前呈现的。然后，当图标字体下载并准备就绪时，页面将重新绘制

在加载字体之前，可以阻止整个页面显示，但不建议这样做（！）。您可以在加载字体时隐藏

。一旦它们就位，font awesome脚本将从

类中删除加载的

.fa事件图标，同时在浏览器窗口中绘制所有内容

html.fa-events-icons-loading body {
    display: none;
}

你可以和我相比。效果不太明显，但第一个效果将首先显示文本，然后在加载时用图标重新绘制。第二个将隐藏所有内容，直到加载图标


编辑：您可以阅读更多关于
为什么您使用的是awesome js字体而不是css？