可以使Font Awesome图标大于“fa

可以使Font Awesome图标大于“fa-5x”吗？(Is it possible to make Font Awesome icons larger than 'fa-5x'?)

我使用这个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吗？ 在它下面有很多空白，我想要它占用。

I am using this HTML code:

<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>

Which creates:

Is it possible to make the icon larger than fa-5x? There is a lot of white space beneath it that I would like it to take up.

最满意答案

Font awesome只是一个字体，所以您可以使用CSS中的font size属性来更改图标的大小。

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

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

Font awesome is just a font so you can use the font size attribute in your CSS to change the size of the icon.

So you can just add a class to the icon like this:

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