Font Awesome(v4.7)のアイコンを擬似要素(::before, ::after)で表示する方法

[ ID : 8820 ]
Font Awesome(v4.7)のアイコンを擬似要素(::before, ::after)で表示する方法

概要

Font Awesome(v4.7)のアイコンはi要素を設置して簡単に表示できるが、i要素を使用しないで擬似要素(::before, ::after)で表示する場合の実装方法を紹介。

用途・要件

  • Font Awesome(v4.7)のアイコンを擬似要素(::before, ::after)で表示する。
  • i要素は設置しない。

検証ブラウザ

  • Google Chrome(最新)
  • Safari(最新)
  • Firefox(最新)
  • Microsoft Edge(最新)
  • IE11

実装

このコンテンツの続きを閲覧するにはログインが必要です。 新規会員登録

この記事をシェアする

全ての記事を見る

KONOCODEのメリット 無料会員登録