来自 Font awesome 5 的奇怪行为

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 的奇怪行为

Strange behaviour from Font awesome 5

font-awesome-5