Question

尝试在WordPress网站上使用字体真棒图标时遇到问题。不知道我用的是什么图标我只看到带问号的闪烁圆圈。从来没有像这样的问题。 Screenshot with icons I have

Answer 1

在我的情况下，我为品牌图标写了无效的前缀：

<i className="fa fa-instagram">

而不是

<i className="fab fa-instagram">

版本4只有一个前缀 - fa，但旧版本有4个前缀。

请参阅升级说明：upgrading-from-4

Answer 2

一切都被添加了。但问题是在第二个字体 - 令人敬畏的脚本，手动添加。删除此问题后消失。

Answer 3

我发现，仅从真棒字体站点复制代码很少起作用。做到了-包括他们给我的CDN代码，而且闪动的感叹号也有同样的结果。将其从远处更改为固定。猜猜他们对网站的管理不是很好。

Answer 4

这可能是因为您没有使用最新版本的fontawesome。更新您的版本，然后重试。

Answer 5

下载Font Awesome插件并进行以下设置

Answer 6

带问号的圆圈是缺少图标指示符，可帮助调试缺少的图标或输入错误的图标名称。进一步了解https://fontawesome.com/how-to-use/with-the-api/setup/configuration#showmissingicons

这表示FontAwesome已正确安装，但您尝试使用的图标不存在。

可能您尝试使用旧的className。从版本5开始，FontAwesome使用新的前缀。版本4仅具有一个前缀-fa。版本5具有四个前缀，可让我们设置图标的样式。

示例：

<i class="fa fa-camera-retro"></i>  <!-- version 4's syntax -->
<i class="fas fa-camera-retro"></i> <!-- version 5's syntax -->

Answer 7

我遇到了同样的问题（使用fontawesome 5），直到意识到自己只使用fontawesome CSS并链接了JS。在本地使用 FA （并下载完整软件包）也可以解决问题。

Answer 8

就我而言；问题是正在加载的FA CSS与JS的版本不同。

确保FA CSS和JS版本都匹配以解决此问题。

Answer 9

刚刚经历了这一过程，它就像引用一个实际上不存在的图标一样简单（far fa-remove）。不知道这是否是一个错误，并且从未成功，或者我是否曾经更改过Font Awesome的版本，并且该图标后来被删除/重命名。

第一步，建议您在fontawesome.com上搜索所需的图标。