FontAwesomeでアイコンが□（四角）になって表示されない場合の対策まとめ（:after:before利用時） | 株式会社ウェブ企画パートナーズ400なのか900なのかは表示したいアイコンによって指定が異なりますので注意が必要です。 Twitterアイコンですと、Brands（つまりfont-weight: 400;）のみの提供。 RSSアイコンの場合は、Solid（つまりfont-weight: 900;）と、RegularとLightの３種類があります。 スタイルについては、赤枠部分で確認してください。（提供スタイルが１種類しか無い場合は右側の選択肢は表示されず） 原因その５：バックスラッシュを付けていない ３回目の登場ですが、再びCSSです。 .icon::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f007"; /*←ココ！！！！！！！*/ } contentにUnicodeを記載して呼び出したいアイコンを指定するのです
