来自 Font Awesome 5 的奇怪行为

debugcn 发表于 Dev

先生fdes

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

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

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

先感谢您。

哈尼夫

你有错误“ 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>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。