html - 是否可以使 Font Awesome 图标大于 'fa-5x' ？

Question

我正在使用这个 HTML 代码:

<div class="col-lg-4">
  <div class="panel">
    <div class="panel-heading">
      <div class="row">
        <div class="col-xs-3">
          <i class="fa fa-cogs fa-5x"></i>
        </div>
        <div class="col-xs-9 text-right">
          <div class="huge">
            <?=db_query("SELECT COUNT(*) FROM orders WHERE customer = '" . $_SESSION['customer'] . "' AND EntryDate BETWEEN '" . date('d-M-y', strtotime('Monday this week')) . "' AND '" . date('d-M-y', strtotime('Friday this week')) . "'");?>
          </div>
            <div>orders this week</div>
        </div>
      </div>
    </div>
    <a href="view/orders">
      <div class="panel-footer">
        <span class="pull-left">View Details</span>
          <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
            <div class="clearfix"></div>
      </div>
    </a>
  </div>
</div>

它创建:

是否可以使图标大于fa-5x？它下面有很多空白，我希望它能占据。

Answer 1

Font awesome 只是一种字体，因此您可以使用 CSS 中的字体大小属性来更改图标的大小。

所以你可以像这样给图标添加一个类:

.big-icon {
    font-size: 32px;
}