Chrome - Font Awesome 5 一些图标不起作用

Question

我正在使用 Font Awesome 5。Chrome 中未显示某些图标。例如“fa-facebook-f”。当我将图标类更改为 fa-facebook 时，它可以工作。有没有办法解决它？这是我在 chrome 中看到的。

 <a href="#" target="_blank" class="icon-facebook">
    <i class="fab fa-facebook-f">
    </i>
  </a>
  <a href="#" target="_blank" class="icon-twitter">
    <i class="fab fa-twitter">
    </i>
  </a>
  <a href="#" target="_blank" class="icon-google_plus">
    <i class="fab fa-google-plus-g">
    </i>
  </a>
  <a href="#" target="_blank" class="icon-pinterest">
    <i class="fab fa-pinterest">
    </i>
  </a>
  <a href="#" target="_blank" class="icon-linkedin">
    <i class="fab fa-linkedin-in">
    </i>
  </a>
  <a href="#" target="_blank" class="icon-instagram">
    <i class="fab fa-instagram">
    </i>
  </a>
  <a href="#" target="_blank" class="icon-tumblr">
    <i class="fab fa-tumblr">
    </i>
  </a>

原文由 user3351236 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

这个类名适用于linkedin：

 <i class="fab fa-linkedin-in" aria-hidden="true"></i>

在 head 标签下的 index.html 中使用了以下链接：

 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.3/css/fontawesome.min.css">

原文由 logka shunmughum 发布，翻译遵循 CC BY-SA 4.0 许可协议