●使用方法は２つあります。
・ CDNサーバ上のFont Awesomeファイルを読み込む
・ 自分のサーバにFont Awesomeフォントを設置する
いろんな意味でお手軽なので、迷わずCDNサーバの方を利用させてもらいました。
そしてアメブロでも利用できるのでアメブロでの利用方法も最後に記述しておきます。
１）ヘッダーに下記コードを記述します（バージョンに注意）。
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css">
２）Font Awesome サイトをチェックします。
Font Awesome（http://fontawesome.io/icons/） のアイコンリストから好きなアイコンをクリックします。
2016年6月時点でなんと634点ものアイコンを配布しています！ありがたい！
style要素 or 外部ファイルで指定する場合は画像上部赤のチェック部分のユニコードを、インラインの場合は下部のチェック部分をコピーしてください。
３）HTML と CSS を記述
●インラインでの指定方法
HTML -----------------------------------------------
<span class="fa fa-font-awesome" aria-hidden="true">Font Awesome</span>
●style要素 or 外部ファイルでの指定方法
HTML -----------------------------------------------
<ul>
<li>Font Awesome</li>
<li>Font Awesome</li>
</ul>
CSS ------------------------------------------------
ul {
list-style: none;
}
ul li:before {
font-family: FontAwesome;
content: '/f2b4';
}
３）完成！
◎アメブロでの利用方法
インラインで記述した後、最後に style 要素を記述します。
<style><!--@import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);--></style>