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

2020年9月9日

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


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

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

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

.twitter-icon::before {

content: '\f099'; /* Twitterのアイコン */

/* これが正しい */

font-family: "Font Awesome 5 Brands";

/* これはダメ */

/* font-family: "Font Awesome 5 Free"; */

}

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

コメントを残すコメントをキャンセル

Twitter APIの制限と残り回数を確認する方法

Laravelでページネーションをカスタマイズする方法・手順

コメントを残す コメントをキャンセル

コメントを残すコメントをキャンセル