RailsにFont Awesomeを導入する方法

✏️️ 2019/08/31 👍️2019/08/31 🔗

Font Awesomeは無料で使えるアイコン集です。gemは利用せずnpmパッケージを利用してFont Awesomeのアイコンを表示させます。

インストール

npmパッケージをインストールします。

yarn add @fortawesome/fontawesome-free

設定

application.jsでインポートします。

// app/javascript/packs/application.js

import '@fortawesome/fontawesome-free/js/all'

表示

view ファイルで <i> タグで記述します。

<i class="fas fa-check"></i>

icon はhttps://fontawesome.com/iconsで探すことが出来ます。

以上で、RailsにFont Awesomeを導入する方法は完了です。

Akito
日本のスタートアップで主にRuby on Railsを使ってプロダクト開発をしています。