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