Rails

RailsにFont Awesomeを導入するGem

More than 3 years have passed since last update.

RailsでFont Awesomeを利用するにあたり、Font Awesome導入用のGem「font-awesome-rails」を使ったので使用方法をメモしておきます。


インストール方法

Gemfileに以下を記述してbundle install

gem "font-awesome-rails"


使用方法

app/assets/stylesheets/application.cssに以下を記述します。

/*

*= require font-awesome
*/

以上でFont Awesomeのアイコンが利用可能になります。


ヘルパーメソッド

font-awesome-railsでは、アイコンタグを挿入するヘルパーメソッドが提供されます。iタグを使わずにアイコンを挿入できます。

提供されるメソッドは「fa_icon, fa_stacked_icon」の2種類です。

fa-iconの使い方

# アイコンの挿入

fa_icon "twitter"
#=> <i class="fa fa-twitter"></i>

# アイコンとテキストの挿入
fa_icon "twitter", text: "Twitter"
#=> <i class="fa fa-twitter"></i> Twitter

fa_stacked_iconは今回使っていないため割愛。

以上です。