Question

我对某些字体很棒的图标有点麻烦。我试图增加其中一些的大小，但由于某种原因，我似乎没有做任何工作。

这是我的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无效。

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

任何帮助都会很棒！

Answer 1

我们可以使用字体很棒来制作更大的图标。字体很棒提供了一个增加它们的类。

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

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

Answer 2

This worked for me in bootstrap ONLY after I added !important, like this:

.fa-big{font-size: 100px !important;}

Answer 3

使用icon-4x代替icon-large。见这里：http://bootply.com/79841

Answer 4

Font Awesome是一种字体，所以添加一个类并增加字体大小

 .fa-big{
    font-size: 100px;
 }


<i class="fa fa-ship fa-big"></i>

增加字体真棒图标

4 个答案: