Tbpgr Blog

Ruby プログラマ tbpgr(てぃーびー) のブログ

Ruby on Rails | Font-Awesomeを追加してアイコンを利用する

概要

Font-Awesomeを追加してアイコンを利用する

内容

Font-Awesomeを追加してアイコンを利用します。

実装

Gemfile

gem "font-awesome-rails", "~> 3.2.1.2"

Bundler実行

bundle

application.cssに下記を追記

 *= require font-awesome

※springを利用している場合は一度停止すること

spring stop

利用サンプル

メニューのサインアウトリンクにkickstartのsignoutアイコンを設定しました。
_menu.html.haml

-if @menu_display
  = link_to_unless_current '新規登録', :controller => 'user', :action => 'new'
  = link_to_unless_current 'ユーザー管理', :controller => 'user', :action => 'list'
  = link_to '/signin/signout' do
    %i{:class => 'icon-signout'}
      サインアウト

画像