浏览器开始搜索图标时:
<html class="fontawesome-i2svg-pending">
图标替换完:
<html class="fontawesome-i2svg-active fontawesome-i2svg-complete">
一旦第一次成功加载图标,fontawesome-i2svg-active 就不变,如果还有图标需要加载,则 fontawesome-i2svg-complete 变成 fontawesome-i2svg-pending。
了解了这些,我们就可以根据不同状态,玩一些别的了。比如加个样式什么的?那就开启你的脑洞吧。
参考:
https://fontawesome.com/how-to-use/on-the-web/advanced/svg-asynchronous-loading