如何减小超赞字体图标的大小？

Question

减小超赞字体图标大小的最佳方法是什么。有一个 fa-3x 等...来增加尺寸。有没有class缩小尺寸？

Answer 1

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

.fa {
    font-size: 12px;
}

Answer 2

Font-Awesome图标大小修改：

“字体大小”属性“样式”属性：

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

CSS 样式表中的“字体大小”属性（如已接受的答案所示）
```
 .fa {
     font-size: 12px;
 }
```

HTML 标签

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

使用 Fontawesome classes 使图标采用相对于其父元素的大小：

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

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

Answer 3

如果您需要简单的东西，可以使用两种 Font Awesome 类：fa-xs 和 fa-sm。

等效尺寸为：

fa-xs: .75em
fa-sm: .875em

Sizing Icons | Font Awesome（更多信息在这里）

Answer 4

一种方法是您的内部 CSS class 或使用 default Font Awesome class:

<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-Awesome 图标，顾名思义，是基于字体的。这意味着要减小它们的大小，您所要做的就是减小它们的 font-size:

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

如何减小超赞字体图标的大小？

How do I decrease the size of a font-awesome icon?

font-awesome

font-awesome-4