Font Awesome 图标大小没有增加

Question

我在 这个 网站上安装了 Font Awesome 图标。即使在添加类以增加大小后，图标大小也没有增加。

 <ul class="stay-connected-inner list-inline">
  <li><a href="#"><i class="fa fa-twitter fa-3" aria-hidden="true"></i></a></li>
  <li><a href="#"><i class="fa fa-linkedin fa-3" aria-hidden="true"></i></a></li>
  <li><a href="#"><i class="fa fa-medium fa-3" aria-hidden="true"></i></a></li>
  <li><a href="#"><i class="fa fa-linkedin fa-3" aria-hidden="true"></i></a></li>
</ul>

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

Answer 1

要增加相对于容器的图标大小，请使用 fa-lg（增加 33%）、fa-2x、fa-3x、fa-4x 或 fa-5x 类。

             <ul class="stay-connected-inner list-inline">
              <li><a href="#"><i class="fa fa-twitter fa-3x" aria-hidden="true"></i></a></li>
              <li><a href="#"><i class="fa fa-linkedin fa-3x" aria-hidden="true"></i></a></li>
              <li><a href="#"><i class="fa fa-medium fa-3x" aria-hidden="true"></i></a></li>
              <li><a href="#"><i class="fa fa-linkedin fa-3x" aria-hidden="true"></i></a></li>
            </ul>

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

Answer 2

font-awesome 图标是文本。所以使用 font-size 来增加 font-awesome 图标的大小。

例如，

 i {
    font-size: 18px;
}

原文由 Omprakash Arumugam 发布，翻译遵循 CC BY-SA 3.0 许可协议