如何减小字体 - 真棒图标的大小？

Question

什么是减少字体真棒图标大小的最佳方法.有一个fa-3x等,以增加尺寸.有没有减少尺寸的课程？

Answer 1

顾名思义,Font-Awesome图标是基于字体的.这意味着减少它们的大小你所要做的就是减少它们font-size:

.fa {
    font-size: 12px;
}

Answer 2

如果您需要简单的东西,可以使用两个Font Awesome类:fa-xs和fa-sm.

大小等价物是:

• FA-XS: .75em
• FA-SM: .875em

尺寸图标| 字体真棒(更多信息在这里)

Answer 3

Font-Awesome图标大小修改:

1. "style"属性中的"font-size"属性:

   <i class="fas fa-search" style="font-size: 25px;"></i>
   

2. CSS样式表中的"font-size"属性(如接受的答案显示)

   .fa {
       font-size: 12px;
   }
   

3. HTML标签

   <small>
       <i class="fas fa-search"></i>
   </small>