yano3nora
7/2/2017 - 10:03 AM

[css: fontawesome into ::before/after] #css #fontawesome

[css: fontawesome into ::before/after] #css #fontawesome

なに?

fontawesomeアイコンを疑似要素に入れたいよおお。 前提として、fontawesomeのCSSセットの読み込みはしていること。

手順

  1. fontawesome 公式のアイコンをチェック
  2. 指定コードをチェック Unicode: f072
  3. エスケープして疑似要素のコンテントにつっこむ → content: '\f072';
  4. fontfamily: FontAwesome; を指定

サンプル

.hoge::before{
  content: '\f072';
  font-family: FontAwesome;
}