RailsでFont Awesomeをダウンロードして使う方法

2112 ワード
Ruby Rails FontAwesome Ruby テキストリンク

今回はRails5でFontAwesomeをダウンロードして使う方法を紹介します。

バージョン

ruby 2.5.3
rails 5.2.3
Font Awesome 5.10.1

その前に

RailsではgemでFont Awesomeをインストールして使える方法があるのでお試しください。

ちなみに私は上記の方法を試してもエラーになってしまい諦めました。。。
Webフォントとして使うのも読み込みに時間がかかるため、今回ダウンロードして使うことにしました。

導入方法

まず、下記からHPからデータをダウンロードしてください。
https://fontawesome.com/how-to-use/on-the-web/setup/hosting-font-awesome-yourself

ZIPファイルがDLされるので、解凍します。

この中の、CSSとwebfontsフォルダをRailsプロダクトのapp/assets/stylesheets/にコピーします。

最後に、application.html.erbの

内に下記の記述をすれば完了
application.html.erb
<%= stylesheet_link_tag　'css/all', media: 'all'%>

あとは使いたい所に<i class="fas fa-home fa-2x"></i>のように使えばOK！

参考

Font Awesome 5 の基本的な使い方