Question

我的FontAwesome抽搐图标没有显示。它之前完全没问题，现在它随机消失了。我没有改变任何事情。

这是我的HTML代码：

        <div class="text-center center-block" style="margin-top:-40px;"><br/>
            <h1>Follow us!</h1>
            <a href="http://facebook.com/facebook"><i class="fa fa-facebook-square fa-4x"></i></a>
            <a href="https://plus.google.com/u/google/"><i class="fa fa-google-plus-square fa-4x"></i></a>
            <a href="http://twitter.com/twitter"><i class="fa fa-twitter-square fa-4x"></i></a>
        <br/>
            <a href="http://steamcommunity.com/groups/steam"><i class="fa fa-steam-square fa-4x"></i></a>
            <a href="http://youtube.com/youtube"><i class="fa fa-youtube-play fa-4x"></i></a>
            <a href="http://twitch.tv/twitch"><i class="fa fa-twitch fa-4x"></i></a>
        </div>

我不明白为什么它会随机消失。我有最新的Font Awesome并将其包含在我的标题中：

<link rel="stylesheet" href="<?php echo bloginfo('template_directory'); ?>/font-awesome-4.2.0/css/font-awesome.min.css">

所有其他图标完全正常。顺便说一下，我仍然可以点击抽搐链接，但图标是不可见的。我也尝试清除缓存和其他浏览器。

Answer 1

在字体真棒页面的品牌图标部分，它显示：

警告！

显然，Adblock Plus可以使用＆＃34;删除社交媒体按钮＆＃34;删除Font Awesome品牌图标。设置。我们不会使用黑客来强迫它们显示。如果您认为这是一个错误，请报告Adblock Plus的问题。要解决此问题，您需要修改社交图标类名称。

Answer 2

我遇到了同样的问题，这是在更新版本之后加载的Font Awesome的过时版本

Answer 3

嗯，这个问题很老，可能是一些答案，但对于那些使用新版Font Awesome（如v5）并遇到相同问题的人来说，当我写这篇文章时的当前版本是{{1 }}

确保将CSS设置为v5.0.13

e.g。 font-weight:900

请注意，i.fab {font-weight:900}不是font-weight，而是bold。

这对我有用！

有关详细信息，请访问Troubleshooting Page for Font Awesome

FontAwesome抽搐图标没有显示，但其他图标工作正常

3 个答案: