web-dev-qa-db-ja.com

フォントが素晴らしいアイコンのサイズを小さくするにはどうすればよいですか？

フォントの素晴らしいアイコンのサイズを小さくする最良の方法は何ですか。サイズを大きくするためにfa-3xなどがあります。サイズを小さくするクラスはありますか？

font-awesomefont-awesome-4
30
Michael JDI

Font-Awesomeアイコンは、その名が示すとおり、フォントベースです。つまり、サイズを小さくするには、font-size:を小さくするだけです。

.fa {
    font-size: 12px;
}
39
James Donnelly

シンプルなものが必要な場合に使用する2つのFont Awesomeクラスがあります：fa-xsおよびfa-sm。

同等のサイズは次のとおりです。

  • fa-xs：.75em
  • fa-sm：.875em

サイジングアイコン| Font Awesome （詳細はこちら）

20
Veronica B.

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>
6
Ralf