带有类“fa-brands”的字体真棒图标不起作用

Question

我在标题中导入了一个很棒的字体库

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

我身体里有

<i class="fa-brands fa-medium"></i>

不呈现（空白）。我正在尝试从this library获取图标， 但如果我省略

brands

，我会得到一个不同的媒体图标。

Answer 1

您正在加载非常旧版本的 Font Awesome (4.7.0)，但您链接到的文档是针对当前版本 (6.3.0) 的。

见从版本 4 升级 说：

  <!-- Version 4's syntax -->
  <i class="fa fa-camera-retro"></i> 

  <!-- Version 6's syntax -->
  <i class="fa-solid fa-camera-retro"></i>

fa-brands

是您使用的Font Awesome版本发布后引入的图标样式语法。

升级到当前版本。

 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css">

Answer 2

添加

fa

类：

<i class="fa fa-brands fa-medium"></i>