虽然设置了fa-5，但字体真棒图标不会变大

Question

我的笔：http://codepen.io/helloworld/pen/YPxBEJ

为什么rss图标这么小？它没有调整我使用的fa-x大小？

<div class="container">

                    <div class="row">
                        <div class="col-xs-6">

                          <div class="jumbotron jumbotron-icon">
                              <div class="container">
                                <div class="info-icons">
                                   <i class="fa fa-rss-square fa-5"></i>
                                </div>
                            </div>
                          </div>  

                        </div>  
                        <div class="col-xs-6">
                                  Lorem ipsum dolor sit amet, consetetur sadipscetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
                          </div>  
                    </div>                        
                </div>
            </div>
            <!-- /.panel -->
        </div>
    </div>
    <!-- /.row -->
</div>

Answer 1

您不想使用课程fa-5x吗？

<i class="fa fa-rss-square fa-5x"></i>

示例：https://fontawesome.com/v4.7.0/examples/#larger

Answer 2

同样重要的是要知道你可以通过设置该元素/它的父元素的更高字体来实现更大的图标。

字体真棒图标只是字体，意味着它们是矢量并且可以很好地扩展。

Answer 3

您也可以尝试这样做：

<i class="fa fa-home" style="font-size:20px;"></i>

font-size还会增加/减少图标的大小。