我在WordPress网站上使用字体图标时遇到了问题。无论我使用什么图标,我都只能看到闪烁的带问号的圆圈。以前从未遇到过这样的问题。 我拥有的图标的截图
<i className="fa fa-instagram">
而不是
<i className="fab fa-instagram">
版本4只有一个前缀——fa,但旧版本有4个前缀。
请查看升级说明:从4升级
所有东西都被添加了。但问题出在手动添加的第二个 font-awesome 脚本上。删除这个脚本后,问题就消失了。
带问号的圆圈是一个缺失图标指示器,用于帮助调试缺失的图标或输入错误的图标名称。在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 -->
想了解有关从版本4升级的更多信息,请访问以下网址:https://fontawesome.com/how-to-use/on-the-web/setup/upgrading-from-version-4
我曾经也遇到过同样的问题(使用fontawesome 5),直到我意识到我只链接了fontawesome CSS,没有链接JS。下载完整的字体包并在本地使用FA也可以解决这个问题。
可能是因为您没有使用最新版本的fontawesome。请更新您的版本,然后再试一次。
原始答案翻译成中文为"最初的回答"。
https
网站上有http
Font Awesome链接。 - WhereDidMyBrainGo