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

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

Sizing Icons | Font Awesome（此处提供更多信息）

Answer 3

Font-Awesome图标大小修改：

“style”属性中的

1. “font-size”属性：

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

CSS样式表中的

2. “font-size”属性（如接受的答案所示）

   .fa {
       font-size: 12px;
   }
   

3. HTML标记

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

Answer 4

一种方法是内部CSS类或使用默认字体超赞类：

<i class="fas fa-camera fa-xs"></i>

<i class="fas fa-camera fa-sm"></i>

<i class="fas fa-camera fa-md"></i>

<i class="fas fa-camera fa-lg"></i>

<i class="fas fa-camera fa-2x"></i>

继续保持机智 fa-4x 等。

“智能使用文档”图标可在此处Font Awesome Docs Sizing和 css 中找到，您也可以在其中找到相关文档。

Answer 5

顾名思义，

字体超赞图标是基于字体的。这意味着要减小其大小，您所需要做的就是减小其font-size：

::before {
    font-size: 130px;
}