More than 3 years have passed since last update.

【Rails】Railsアプリでfont-awesome(5系)を使えるようにするには

Posted at 2020-04-04

#Font-awesomeとは
Web上で無料で使えるアイコンを提供しているツール

#Font-awesomeをアプリに読み込む
gemでインストールする

fontawesome4系では「gem 'font-awesome-rails'」でインストールできていたが、fontawesome5系には対応していないとのこと。よって最新版を使用するために次のgemをGemfileに追加しましょう。

gem 'font-awesome-sass'

gemを追加したらbundle install

$ bundle install

その後はapp/assets/stylesheets/application.scssにfont-awesomeを引き込んでおきましょう。
今回はscssを使う場合を想定しています。

@import 'font-awesome-sprockets';
@import 'font-awesome';

これで5系に対応しているfontawesomeがアプリ内で使えるようになる。