增加字体真棒图标 [英] increase font awesome icons

问题描述

我在使用一些字体真棒的图标时遇到了麻烦.我正在尝试增加其中一些的大小，但由于某种原因，我似乎无济于事.

I'm having a bit trouble with some font-awesome icons. I'm trying to increase the size of a few of them, but for some reason nothing I seem to do works.

这是我的html

<div class="span5 bookBuild">
 <div class="well well-small">
   <h4>Build your Book!</h4>
   <div class="span2">
      <i class="icon-file icon-large"></i>
   </div><!--span2-->
   <div class="span9">
      <p>This is a paragraph</p>
    </div><!--span9-->
    <p class="clearfix"></p>
   </div><!--well-->
 </div><!--span5-->

，我已经尝试添加，因为您可以看到 icon-large 类以及 icon-2x 类. icon-2x - icon-4x 均不起作用.

and I have tried to add as you can see the icon-large class as well as the icon-2x class. None of the icon-2x - icon-4x are working.

我也尝试过定位特定的图标，然后增加字体大小，例如 font-size:3em;

I have also tried targeting the specific icon and then increasing the font size such as font-size: 3em;

任何帮助都会很棒！

推荐答案

我们可以使用超棒的字体将一些图标放大.真棒字体提供了一个增加它们的类.

we can make some icon bigger using font awesome. Font awesome provided a class to increse them.

要相对于容器增加图标大小，请使用fa-lg(增加33％)，fa-2x，fa-3x，fa-4x或fa-5x类.

To increase icon sizes relative to their container, use the fa-lg (33% increase), fa-2x, fa-3x, fa-4x, or fa-5x classes.

http://fortawesome.github.io/Font-Awesome/examples/

这篇关于增加字体真棒图标的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！