字体真棒不和谐图标不会显示[重复]答案

【问题标题】：Font Awesome Discord Icon won't show [duplicate]字体真棒不和谐图标不会显示[重复]
【发布时间】：2019-03-27 17:31:18
【问题描述】：

我正在尝试使用不和谐图标，但由于某种原因它不起作用。它只是变成空白。这些是我现在正在使用的，它们工作正常。

<li><a href="https://twitter.com/" class="fa fa-lg fa-twitter"></a></li>
<li><a href="https://github.com/" class="fa fa-lg fa-github"></a></li>
<li><a href="https://www.youtube.com/" class="fa fa-lg fa-youtube"></a></li>

现在当我尝试使用此代码时 <li><a href="https://discord.gg/" class="fa fa-lg fa-discord"></a> </li> 图标变为空白。有谁知道如何解决这个问题或为什么会这样？

不和谐图标的链接：https://fontawesome.com/icons/discord?style=brands

【问题讨论】：

标签： html css font-awesome

【解决方案1】：

这是一个仅使用 <a> 的 Discord 图标。

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">

<li>
  <a href="https://www.youtube.com/" class="fab fa-discord">
  </a>
</li>

【讨论】：

但我不希望是“工厂”。我想要它作为一个白色圆圈，然后我会使用 fa fa-discord 但这不起作用。

【解决方案2】：

你的代码：

<a href="https://discord.gg/" class="fa fa-lg fa-discord"></a>

fontawesome 页面示例：

<i class="fab fa-discord"></i>

查看类的差异。

编辑：您可能使用的是旧版本的 FA，版本 4 或更早版本没有不和谐图标，因此将您的 FA 更新到最新版本（当前为 5.8.1），您会没事的。

可运行代码：

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">

<ul>
    <li><a href="https://discord.gg/" class="fab fa-discord"></a></li>
</ul>

【讨论】：

执行<li><a href="https://discord.gg/" class="fab fa-discord"></a></li> 根本不会显示图标
你用的是什么版本的fontawesome？ 5.8.1是最新的吗？