Font Awesome 5，为什么 instagram 图标不见了？答案

【问题标题】：Font Awesome 5, Why the instagram icon is missing?Font Awesome 5，为什么 instagram 图标不见了？
【发布时间】：2020-11-01 13:01:11
【问题描述】：

为什么这里没有 Instagram 图标

.share{
display:inline-block;
color:#0099cc;
font-size:25px;
}

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css">

<i class="fab fa-facebook-square share"></i>
<i class="fab fa-instagram-square share"></i>
<i class="fab fa-twitter-square share"></i>

【问题讨论】：

标签： html css font-awesome font-awesome-5

【解决方案1】：

将 CDN 的版本更新为最新版本。它在 5.7 中不存在，从 5.12 开始添加 (https://github.com/FortAwesome/Font-Awesome/blob/master/CHANGELOG.md#5121---2020-02-04)

添加

instagram-square 图标 FortAwesome/Font-Awesome#9223

.share {
  display: inline-block;
  color: #0099cc;
  font-size: 25px;
}

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">

<i class="fab fa-facebook-square share"></i>
<i class="fab fa-instagram-square share"></i>
<i class="fab fa-twitter-square share"></i>

【讨论】：

【解决方案2】：

fa-instagram-square 似乎不是您的 .css 文件的一部分。

请使用包含 fa-instagram-square 图标的https://use.fontawesome.com/releases/v5.14.0/css/all.css。

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css">

<i class="fab fa-facebook-square share"></i>
<i class="fab fa-instagram-square share"></i>
<i class="fab fa-twitter-square share"></i>

【讨论】：

【解决方案3】：

由于后期版本引入了instagram-square，需要将cdn版本更新到最新的v5.15.1。

.share{
display:inline-block;
color:#0099cc;
font-size:25px;
}

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">

<i class="fab fa-facebook-square share"></i>
<i class="fab fa-instagram-square share"></i>
<i class="fab fa-twitter-square share"></i>

【讨论】：