Css 字体图标在任何Javascript错误期间都会中断

为什么当页面上出现Javascript错误时，字体可怕的图标会显示为闪烁的问号

正确的字体图标正确闪烁1秒，然后变为

您可以在此页面上看到一些断开的图标以供参考。同样值得注意的是，这是一个Shopify网站，其插件可能会不时出现错误，因此很难保持像这样的网站100%没有控制台错误。我在Font Aweasome 4和Font Aweasome 5中都遇到过这样的问题：

在Chrome版本65.0.3325.181上测试 Mac High Sierra

---

编辑：我很傻，用CDN把Font Awesome 5 Pro和Font Awesome 5 Pro都称为免费。我删除了免费版本，它现在正在工作。我想删除这个问题，但不想被堆栈溢出的工作人员惩罚

这是因为一些图标从v4更改为v5。例如，在您提到的页面中，“登录”图标，您可以在源代码中看到它被标记为

fa-fa-sign-in

，并在其中表示它已更改为

fas-fa-sign-in-alt

，它显示：

这个图标取代了Font Aowesome 4的fa登录，我们为其创建了一个垫片 帮助人们轻松地从Font Aowesome 4升级现有项目 避免那些尴尬的错过图标的时刻

---

Font Awesome根据您正在加载的版本更改它的图标，我自己也经历过这种情况，我的图标突然变成了

？

图标

---

只需将您的图标替换为当前的

，您的问题就应该得到解决

当我在浏览器中访问该站点时，我收到了此错误以及来自同一域的许多其他错误：“拒绝从“”执行脚本，因为它的MIME类型（'image/png'）不可执行。”插件有缺陷。但它也在起作用。所以我想这是一个折衷。如果你对给出的任何答案感到满意，请将其标记为“最佳答案”