WEBフォントを使用すればいちいち画像でアイコンを作成しなくてもいいので大変便利です。

１．Font Awesomeにアクセスし、まずは必要なファイル一式をダウンロードします。

解凍するとcss、font、less、scssと４つのフォルダが入っています。
使用するのはこの中のcssとfontです。

２．cssとfontフォルダをFTPでサーバーにupします。

３．ページに直接読み込むならヘッダ内に下記を追加

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

これで準備は完了です！

４．表示方法

Font Awesomeのiconsページから使いたいアイコンを選択します。

選択するとタグが表示されますので、そのタグを表示したい場所に貼り付けます