Font Awesomeのアイコンをcssのcontentで使う方法

Font Awesomeのアイコンをcssのcontentで使う方法をメモ。
Font Awesomeのアイコンの詳細画面(例えばここ)にUnicodeが書いてあるので、それを指定する。
fa-chevron-circle-right__Font_Awesome_Icons.png
この場合、f138なので
ul > li {
content "\f138";
font-family: FontAwesome;
}
と書くと出る。「\」をUnicodeの前に書いとく必要があるので注意。

参考サイト
Font AwesomeをCSSのcontentプロパティで使用する
スポンサーサイト

トラックバック

コメント

コメントを残す

Secret


プロフィール

U2K

Author:U2K
いろいろプログラムに関しての覚え書きをちょくちょくと書いていきます。

オススメ










オススメ

忍者AdMax

u2k on Twitter

最近の記事