Font Awesome 4.7.0中fa-brands类图标无法显示问题求助

核心问题 #

你使用的Font Awesome 4.7.0版本不支持fa-brands类——这个品牌图标分类是Font Awesome 5及后续版本才新增的，所以4.7.0无法识别该类，导致图标显示空白。

另外，4.7.0里仅存在旧版的Medium图标，对应类是fa fa-medium，这就是你省略brands后看到的“不同图标”。

解决方案 #

方案1：继续使用Font Awesome 4.7.0

只能使用旧版Medium图标，代码为：

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

注：这是4.7.0提供的唯一Medium图标，无法获取你目标中的新版品牌样式。

方案2：升级到Font Awesome 5+版本（获取目标图标）

1. 替换页面头部的Font Awesome引入代码，使用5及以上版本的样式库
2. 使用正确的类名调用目标图标：

<!-- 5+版本的标准调用写法 -->
<i class="fa-brands fa-medium"></i>
<!-- 或简写形式 -->
<i class="fab fa-medium"></i>

内容的提问来源于stack exchange，提问作者kuco 23