FontAwesomeのTwitterアイコンが擬似要素で表示されないときはフォント設定を見直す

FontAwesomeのTwitterアイコンのフォント設定

.twitter-icon::before {
  content: '\f099'; /* Twitterのアイコン */

  /* これが正しい */
  font-family: "Font Awesome 5 Brands";

  /* これはダメ */
  /* font-family: "Font Awesome 5 Free"; */
}

Twitter以外にも、Facebook・Google・LINEといった企業ロゴなど”Brands”の括りになるアイコンは同様のフォント設定が必要。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です