400なのか900なのかは表示したいアイコンによって指定が異なりますので注意が必要です。 Twitterアイコンですと、Brands(つまりfont-weight: 400;)のみの提供。 RSSアイコンの場合は、Solid(つまりfont-weight: 900;)と、RegularとLightの3種類があります。 スタイルについては、赤枠部分で確認してください。(提供スタイルが1種類しか無い場合は右側の選択肢は表示されず) 原因その5:バックスラッシュを付けていない 3回目の登場ですが、再びCSSです。 .icon::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f007"; /*←ココ!!!!!!!*/ } contentにUnicodeを記載して呼び出したいアイコンを指定するのです
![FontAwesomeでアイコンが□(四角)になって表示されない場合の対策まとめ(:after:before利用時) | 株式会社ウェブ企画パートナーズ](https://cdn-ak-scissors.b.st-hatena.com/image/square/01f5b111b0a313ce2cd48682fc2103183f91bc9a/height=288;version=1;width=512/https%3A%2F%2Fwk-partners.co.jp%2Fhomepage%2Fwp-content%2Fuploads%2F2018%2F12%2FFontAwesome-trouble.jpg)