Font AwesomeをCSSに記述したいときのあれこれ
Font Awesomeちょうべんり!
でもAwesomeがうまく発音できない。おーさむ?
とりあえず、フォントやっべっぞ(意訳)とても役に立つ。
今回、aタグの前に再生マーク(三角)をつけるため、:beforeのcontent内に指定をしたかったのですが、うまくいかなかったので調べて実践してみた。
尚、CDNやデータダウンロードなどで、FontAwesomeのデータは取得できる状態になっていることを前提にする。
Font AwesomeをCSSに適用するには
1.Font Awesome公式サイトへアクセス、iconの中から使いたいアイコンのページに進む
2.アイコンのイメージ真下にUnicodeが記載されているのでコピーする
3.CSSにコピーしたUnicodeを貼り付ける、またUnicodeはコードの前に半角で「¥」マークをつけるのを忘れない。
※¥(半角)環境によっては斜線に変わるみたい。以下のように↓
4.font-familyに'FontAwesome'を指定する。できた~
参考にさせていただきました!