字体真棒 - 堆叠图标时,我可以划分而不是乘法吗?

时间:2014-09-29 19:45:44

标签: css font-awesome

当叠加图标时,我可以分割而不是乘法吗?我希望我的第一个图标与我使用的字体大小相同,并且它上面的图标是字体大小除以2.这是否可以与Font Awesome一起提供,或者我是否需要创建此功能从头开始?

我现在拥有的内容:

<span class="fa-stack fa-lg">
  <i class="fa fa-square-o fa-stack-2x"></i>
  <i class="fa fa-twitter fa-stack-1x"></i>
</span>

我想要的是什么:

<span class="fa-stack">
  <i class="fa fa-square-o fa-stack-1x"></i>
  <i class="fa fa-twitter fa-stack-2/"></i>
</span>

2 个答案:

答案 0 :(得分:0)

您需要创建一个新类

fa-stack-half {
    font-size: 0.5em;
}

希望这有帮助!

答案 1 :(得分:0)

您可以使用.fa课前检查font-Awesome

在固定宽度图标下检查

<div class="list-group">
   <a class="list-group-item" href="#"><i class="fa fa-home fa-fw"></i>&nbsp; Home</a>
</div>