Html 我用Bootstrap4制作的网页上没有显示字体很棒的图标

我正在使用Bootstrap4（CDN）制作一个网页，我打算使用图标作为我的社交媒体链接。然而，在打开页面时，我看到一些蓝色框而不是图标，它们是功能性的。我只需要显示图标。任何帮助都将不胜感激

以下是必要的代码片段： 一,

二,

---

由于您使用的是字体awome的

v4.*.

，因此调用所需图标的前缀

class

是

fa

而不是

fab

fab

和

fas

适用于

v5.*.*.

中的品牌和实体样式，并且在此版本中，

fa

也不推荐使用。你可以阅读更多关于它的内容

因此，您需要对脚本进行如下更改：

问题在于您的CDN。通过在fontawesome网站上创建帐户来申请工具包。他们会给你这样的东西：

，或者你可以简单地使用它。

要显示信封，您需要从

更改为

 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<ul class="social-icons">

                        <li><a href="https://www.facebook.com/avirup.dey.921" target="_blank"><i class="fab fa-facebook"></i></a></li>
                        <li><a href="https://www.quora.com/Avirup-Dey-5" target="_blank"><i class="fab fa-quora"></i></a></li>
                        <li><a href="https://www.github.com/AvirupJU" target="_blank"><i class="fab fa-github"></i></a></li>
                        <li><a href="mailto: avirupdeyju@outlook.com" target="_blank"><i class="fab fa-envelope"></i></a></li>
                    </ul>

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css">

<ul class="social-icons">
  <li><a href="https://www.facebook.com/avirup.dey.921" target="_blank"><i class="fab fa-facebook"></i></a></li>
  <li><a href="https://www.quora.com/Avirup-Dey-5" target="_blank"><i class="fab fa-quora"></i></a></li>
  <li><a href="https://www.github.com/AvirupJU" target="_blank"><i class="fab fa-github"></i></a></li>
  <li><a href="mailto: avirupdeyju@outlook.com" target="_blank"><i class="fa fa-envelope"></i></a></li>
</ul>