クリエイター：コーディング備忘録ブログ

コーディング

画像を使わずにアイコンを表示

WEBアイコンフォントが使えるFontAwesomeというものがあります。
種類が豊富なので、色々なサイトの用途に使用できます。

■FontAwesomeの使い方

HTMLソース中にア表示用のcssを追加する必要があります、
疑似要素:beforeを利用して特定のタグやクラスに対してアイコンを表示することが可能です。

.fa-home:before {
content: “\f015”;
}

例えばホームアイコンを表示させたい場合は上記を記入します。

content: “”;に記入するアイコンの種類は書きサイドで調べることができます。

http://fontawesome.io/icon/chevron-right/

この記事を見た人は次の記事も見ています。

コメント

この記事へのコメントはありません。

RELATED

PAGE TOP