Question

我是使用Font Awesome的新手（目前使用的是v5），我在页面上遇到了一些奇怪的东西。我在我的标签中引用了Font Awesome：

        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous">        <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

我也成功地在我的网站页面上使用了图标，但是，在一个案例中，我只有三个空方框，其中应该出现图标。违规项目的代码如下：

  <div class="social">
    <a href="https://www.facebook.com/RadioVlaanderenNationaal/" target="_blank"><i class="fas fa-facebook fa-4x"></i></a><a href="http://twitter.com/RadioVlNationaa"
      target="_blank"><i class="fas fa-twitter fa-4x"></i></a><a href="http://youtube.com/user/RadioVlaanderenNatio"
      target="_blank"><i class="fas fa-youtube fa-4x"></i></a>
    </div>

奇怪的是，作为测试手段，我在同一页面的其他地方放置了一个图标（仅使用标签），它完全没有问题。

我认为它与超链接有关，但是什么？正如我所说，在我网站的任何其他地方，图标都可以像黄金一样运作良好。有人可以帮帮我吗？

提前谢谢。

Answer 1

您错误地“fas”应该是“fab”：

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous">

<div class="social">
    <a href="https://www.facebook.com/RadioVlaanderenNationaal/" target="_blank"><i class="fab fa-facebook fa-4x"></i></a><a href="http://twitter.com/RadioVlNationaa"
      target="_blank"><i class="fab fa-twitter fa-4x"></i></a><a href="http://youtube.com/user/RadioVlaanderenNatio"
      target="_blank"><i class="fab fa-youtube fa-4x"></i></a>
    </div>

来自Font awesome的奇怪行为5

1 个答案: