如何使用 CSS 更改图标属性大小?



我正在尝试使用CSS属性使图标更大,请问该怎么做? 我已经尝试了高度和字体大小属性,但都不起作用。 到目前为止,下面的代码:

<i class=
"icon2 fa fa-twitter-square">
</i>
.icon2 {
margin:2px 3px 10px 3px;
}

看起来您正在使用字体真棒,实际上font-size属性应该可以工作。无论如何,本文档介绍了不同的方式。浏览到较大的图标标题,它说:

要增加相对于其容器的图标大小,请使用 fa-lg (33% 增加(、FA-2X、FA-3X、FA-4X 或 FA-5X 类。

文档中的示例:

<i class="fa fa-camera-retro fa-lg"></i> fa-lg
<i class="fa fa-camera-retro fa-2x"></i> fa-2x
<i class="fa fa-camera-retro fa-3x"></i> fa-3x
<i class="fa fa-camera-retro fa-4x"></i> fa-4x
<i class="fa fa-camera-retro fa-5x"></i> fa-5x

最新更新