1

为什么每当页面上出现 Javascript 错误时,Font Awesome 图标会显示为闪烁的问号?

正确的 Font Awesome 图标正确闪烁 1 秒钟,然后变为 ?

您可以在此页面上看到一些损坏的图标以供参考。另外值得注意的是 Shopify 网站的插件可能不时出现错误,因此很难让这样的网站 100% 控制台无错误。我在使用 Font Awesome 4 和 Font Awesome 5 时都遇到过这个问题:

https://outdoor.best

在 Chrome 版本 65.0.3325.181 Mac High Sierra 上测试

在此处输入图像描述

编辑:我很傻,使用 CDN 免费调用 Font Awesome 5 Pro 和 Font Awesome 5 Pro。我删除了免费版本,它现在可以工作了。我会删除这个问题,但不想受到 Stack Overflow 员工的惩罚!

4

2 回答 2

0

那是因为一些图标从 v4 更改为 v5。例如,在您提到的那个页面中,“登录”图标,您可以在源代码中看到它被标记为fa fa-sign-in,并且在Font Awesome 网站中它说它已更改为fas fa-sign-in-alt,它说:

这个图标取代了 Font Awesome 4 的 fa-sign-in 我们创建了一个 shim 来帮助人们轻松地将他们现有的项目从 Font Awesome 4 升级到 5,并避免那些令人尴尬的丢失图标时刻。

于 2018-04-28T04:23:23.900 回答
-1

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

只需将您的图标替换为当前图标即可<i class="fas fa-sign-in-alt"></i>解决您的问题

于 2018-04-28T04:29:17.097 回答