WEB制作

Font Awesome を使いこなそう サイズの変更 色の変更

スポンサーリンク

アイコン

 

今回は、Font Awesome のサイズや色の変更方法を紹介します。

 

サイズ調整

サイズを調整する方法は、いろいろあります。

今回紹介するのは、直感的でわかりやすい方法です。

FontAwesomeはテキストと同じです。

スタイルシート【 CSS】でfont-sizeで大きさを指定してサイズを変更しましょう。

クラス名 {
font-size: ○○px ;
}

色の変更

色の変更も同じ要領です。

テキストと同じように、スタイルシートでcolorを設定しましょう。

クラス名{
color:#1da1f2;(例:青)
}

 

もっといろいろアレンジしたい方はこちらを参照してください。
https://saruwakakun.com/html-css/basic/font-awesome
それではまた!

スポンサーリンク

-WEB制作
-, , , , ,

© 2023 WEBセンス Powered by AFFINGER5