RailsにFont Awesomeを導入するGem

  • 70
    いいね
  • 0
    コメント
この記事は最終更新日から1年以上が経過しています。

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は今回使っていないため割愛。

以上です。