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

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

■FontAwesomeの使い方

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

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

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

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

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

admin

cl0606

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です