✉️

font awsomeを発見

2025/01/28に公開

状況

  • CSS勉強してたらこんなサイトを見つけた

https://fontawesome.com/

使い方

  1. 無料登録してアカウント作成、使いたいアイコンを探す

https://www.youtube.com/watch?v=vgAE5gMzEe8&t=317s

  1. Font AwesomeのCSSファイルを読み込む

  1. <span>タグにfaクラスとfa-アイコン名クラスを指定する
    (Font Awesomeのサイトにアイコンごとのクラス名が記載)

所見

これだけで簡単にアイコンを表示させることができる
有料だともっとアイコンが使えるようになるので、フロントエンジニアにはありがたい機能と思った

Discussion