スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

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

最近の記事


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。