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



我的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>

我不明白为什么它会随机消失。我有最新的字体真棒,并将其包含在我的标题中,如下所示:

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

所有其他图标都工作得很好。顺便说一下,我仍然可以点击抽动链接,但图标是不可见的。我还尝试过清除缓存和其他浏览器。

在Font Awesome页面的品牌图标部分,上面写着:

警告!

显然,Adblock Plus可以通过"删除社交媒体按钮"设置删除字体真棒品牌图标。我们不会用黑客手段强迫他们展示。如果您认为这是一个错误,请报告Adblock Plus的问题。要解决这个问题,您需要修改社交图标类名。

我也有同样的问题,这是Font Awesome的过时版本,在更新版本之后加载

这个问题很老,可能是一些答案,但对于那些使用新版本的Font Awesome(如v5)并有相同问题的人来说,我写这篇文章时的当前版本是v5.0.13

确保将CSS设置为font-weight:900

例如。i.fab {font-weight:900}

请注意,font-weight不是bold,而是900

这对我有用!

有关更多信息,请访问Font Awesome 的故障排除页面

相关内容

最新更新