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

Question

为什么这里没有 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>

Answer 1

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

开始添加

Added

instagram-square icon 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>

Answer 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>

Answer 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>

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

Font Awesome 5, Why the instagram icon is missing?

html

css

font-awesome

font-awesome-5