LoginSignup
0
0

More than 3 years have passed since last update.

font-awesomeをrailsで使う

Last updated at Posted at 2019-09-18

初投稿です。

Rails5でFont-awesomeのgemを入れてみたが、表示されるアイコンと表示されないアイコンがあったので、そもそもgemを使わない方法を調べてみた。

https://saruwakakun.com/html-css/basic/font-awesome
こちらの記事を参考にさせていただきました。

<link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">

こちらを、application.html.erbのheadタグ内に記述するだけです。

欲しいアイコンをfont-awesomeの公式サイトで探します。
(例)<i class="fas fa-home"></i>
上記を表示させたいviewに貼り付けて完成。

サイズを大きくしたい場合は、
(2倍のサイズ)<i class="fas fa-home fa-2x "></i>

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0