アイコンフォント

アイコンフォントとは、ウェブページ上で文字扱いとして表示できるアイコンのことです。(実態は文字フォント)
画像のアイコンと違って、文字ですから色(color)やサイズ(font-size)も自由に変えることができます。

このテンプレートでは有名な｢Font Awesome(フォントアッサム)v4.7.0｣を用いています。
使い方は iタグを用いて <i class="fa fa-book"></i> とするだけです。
(クラスfa はAwesome v4 を使う宣言、fa-bookはフォント種類)

Font Awesome(フォントアッサム)v4 ←フォントの種類はこちらから

クラスfa-fw 固定幅にする(等幅)　サイズのクラス fa-lg,fa-2x,fa-3x,fa-4x,fa-5x　回転のクラス fa-spin

サイズ,色はテンプレートのクラスも使えます。←<i class="fa fa-flag x-large trend fa-fw "></i>

基本的なアイコン

fa-camera　 fa-book　 fa-calendar 　 fa-envelope　 fa-phone　 fa-mobile　 fa-fax　 fa-home　 fa-map-marker　 fa-file-pdf-o　 fa-file-word-o　 fa-file-excel-o　 fa-file-image-o　

大きなアイコン

fa-lg　 fa-2x　 fa-3x　 fa-4x　 fa-5x　

アラートAlert

fa-exclamation-triangle ここに記事ここに記事

fa-info-circle ここに記事ここに記事

回転と反転

normal
fa-rotate-90
fa-rotate-180
fa-rotate-270
fa-flip-horizontal
fa-flip-vertical

積み重ねアイコン

fa-twitter と fa-square-o
fa-flag と fa-circle
fa-terminal と fa-square
fa-ban と fa-camera

ボタンアイコン

フォームアイコン