尽管设置了 fa-5，但 Font awesome 图标不会变大

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

您不是要使用 class fa-5x 吗？

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

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

Answer 2

同样重要的是要知道，您可以通过为 element/it 的父级设置更大的字体大小来获得更大的图标。

超棒的字体图标只是字体，这意味着它们是矢量并且可以漂亮地放大。

Answer 3

你也可以试试这个：

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

font-size 也会 increase/decrease 图标的大小。

尽管设置了 fa-5，但 Font awesome 图标不会变大

Font awesome icon does not get bigger although fa-5 is set

html

css

font-awesome