HTMLの場合
直接HTMLのタグに以下のコードを指定する
コード | 大きさ |
---|---|
fa-xs | 0.75倍 |
fa-lg | 1.33倍 |
fa-2x | 2倍 |
fa-3x | 3倍 |
fa-4x | 5倍 |
fa-5x | 7倍 |
CSSの場合
新たにclass名をつけて、font-sizeやcolorを変更
参考記事
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9Rm9udCUyMEF3ZXNvbWUlRTMlODElQUUlRTglODklQjIlRTMlODElQTglRTMlODIlQjUlRTMlODIlQTQlRTMlODIlQkElRTMlODIlOTIlRTUlQTQlODklRTMlODElODglRTMlODIlOEIlRTYlOTYlQjklRTYlQjMlOTUmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTI3MTk1NmE0Nzc5ZTVkNzlhMGQ3NjY4NjhjMjVmZTIy&mark-x=142&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwbXptel9fMDImdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTNiN2M3ZDM1YjZlNjU5ZmUwMmMyYmJlNGMwZWNjOTY2&blend-x=142&blend-y=491&blend-mode=normal&s=d3d71fbd00a4e6ed3f504ec22566105c)
Font Awesomeの色とサイズを変える方法 - Qiita
プログラミングの勉強日記2020年6月3日 Progate Lv.83ウェブページ制作中##Font Awesomeのサイズの変更#####HTMLファイルにコードを書き足してサイズを変更する…
コメント