webフォントのアイコン[Font Awesome]
アイコン画像の代替にフォントを使いたい！そんな要望に答えるのがこの「Font Awesome」
1）設置方法
設置方法は至ってシンプル
htmlに以下のソースを記述するのみ！ ファイルのダウンロードは必要ありません。
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
2)表示方法
表示方法も超シンプル！
以下のソースのように記述します。
<i class="fa fa-home"></i> //例 このサイトの<i class="fa fa-home"></i><a href="/">ホーム</a>へ戻る
するとこの用に表示されます。
[このサイトのホームへ戻る]
これはフォントなのでcssで色々と変更可能です。
・色を変える：
・大きさを変える：
3)フォントの種類
フォントの種類はこちらのページで確認できます。
使用したいアイコンもキーワードで検索（英語）できます。
適当に並べてみました。
まだまだいっぱいあります！
これを使えばhtml,cssのみで行うデザインにも幅が出るかなと思います。
是非一度お試しあれ！