ハッキングバカ

プログラミングに関するメモ

Rails で Font-awesome 5 系を使う

RailsFont-awesome を使う場合 font-awesome-rails が一般的だったけれど、(今のところ) 5系に対応していない。
使いたい icon が5 系であることが多かったため、それらが使える font-awesome-sassに乗り換えることにした。
まずは gem に追加。font-awesome-rails があったらそちらは消しておく。

# Gemfile
gem 'font-awesome-sass', '5.3.1'

反映。

$ bundle update

アセットからインポートする。

/* app/assets/stylesheets/application.scss */
@import "font-awesome-sprockets";
@import "font-awesome";

これで view 中で

<%= icon("fas", "link") %>

のような形で使えるようになる。
font-awesome-rails からの移行も楽だろう。

公式: GitHub - FortAwesome/font-awesome-sass: Font-Awesome Sass gem for use in Ruby/Rails projects, Icons | Font Awesome
taka-no-MacBook-Air:~