擬似要素でFont Awesomeを使う方法 : CSS

Pocket

a:afterでangle-rightを使うサンプルをします。

font-awesome.cssをangle-rightで検索すると下記の記載が見つかります。

fa-angle-right:before {
    content: "\f105";
}

CSSを下記のように記載します。

a:before {
  content: "\f105";
  font-family: FontAwesome;
}

備考 半角スページを使いたいときは16進数表記の\20を使います。

a:before {
  content: "\f105\20";
  font-family: FontAwesome;
}

コメント

No comments yet.

コメントの投稿

改行と段落タグは自動で挿入されます。
メールアドレスは表示されません。

 


人気記事 はてなブックマーク

この日記のはてなブックマーク数