强制字体真棒图标来填充div容器

Question

我正在尝试让图标填充div。我尝试过使用fa类（例如fa-lg），但它会使div框更大。我想保持div框大小相同，但只是让图标本身填充更多的框。

<table class="table table-striped">
<tr>
      <td width="2%">
        <div class="btn-group"><a class="btn btn-default" href="http://google.com"><i class="fa fa-compass"></i></a></div>
      </td>
      <td>
         TIME - <b>Location</b> - Address
      </td>
</tr><br />
</table>

JSFiddle

Answer 1

您可以通过更改图标的字体大小来调整图标大小

.large {
  font-size: 20px;
}

菲德尔 https://jsfiddle.net/u0v9teLr/