font-awesome on rails

Font Awesome 是相當好用的 Icon Font。有了 Icon Font,你就不用自己手刻各種 Icon:
要 Facebook 商標? 有。
要購物車標誌? 也有。
需要上下左右的指引? 當然也可以。

這麼好用的 Icon Font,自然也有人寫出了 gem 給 Rails 用。當然,原始碼都放在 Github 了。

不多說了,直接開始:

  1. 先告訴 Gemfile 說自己需要這個套件用:gem "font-awesome-rails" 後,下 bundle install 指令以安裝它。
  2. 到 application.css,在開頭註解那邊添加這個 gem: *= require font-awesome
  3. 搞定!現在,你可以直接用 Font Awesome 了。

順便講一下,用這個 gem 裝的 Font Awesome 有自己的 helper 可以用:例如 <i class="fa fa-facebook-official" aria-hidden="true"></i> 就會變成 fa_icon "facebook-official"。十分方便。

如果你想用 link_to 來包圖標,請用 do...end 語法:

<%= link_to mylinks_path, class:"linkgap4rwd" do %>
    <%= fa_icon "link 5x" %>
<% end %>