RailsにWebアイコンフォント Font Awesomeを導入する方法

Webアイコンフォント Font Awesomeの導入方法です。
フォントのアイコンなので、簡単に使えて便利でしかも、かっこ良くなります。
今回は、GitHub - bokmann/font-awesome-railsを使って、導入します。

インストール

gemの追加

Gemfileに下記を追加して、bundle install します。
Gemfile

# font-awesome
# https://github.com/bokmann/font-awesome-rails
gem "font-awesome-rails"

cssの読み込み

application.css

/*
 *= require font-awesome
 */

以上で完了です。簡単です。

使い方

こんな感じです

Link <i class="fa fa-external-link"></i>

あとの使い方は、font-awesomeと変わらないので、公式の使い方 を参照して頂ければと思います。