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

时间:2014-10-22 22:47:05

标签: html

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

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

3 个答案:

答案 0 :(得分:2)

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

警告!

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

答案 1 :(得分:0)

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

答案 2 :(得分:0)

嗯,这个问题很老,可能是一些答案,但对于那些使用新版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