タグ :

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

投稿日 : 2016年5月25日 | 更新日 : 2016年05月25日 前のページへ戻る

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;
}

CSS,Programming | 固定リンク | Comments (0)

このページの上へ移動

コメント

No comments yet.

コメントの投稿

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

 

 

 


このページの上へ