How to import font-awesome in tailwind css in the rails application

Question

I am trying to import font-awesome in my rails application which uses tailwind css framework.Unfortunately instead of icons square boxes show up in my application.

Steps followed:

yarn add --dev @fortawesome/fontawesome-free

application.scss
@import "@fortawesome/fontawesome-free";

I tried so many ways but not able to display icons. Can someone let me know how to resolve this?

score 4 · Accepted Answer · answered Sep 12 '19 at 01:24

4

try this:

# application.scss
$fa-font-path: '~@fortawesome/fontawesome-free/webfonts'; 
@import '~@fortawesome/fontawesome-free/scss/fontawesome';
@import '~@fortawesome/fontawesome-free/scss/regular';
@import '~@fortawesome/fontawesome-free/scss/solid';

answered Sep 12 '19 at 01:24

Joel Cahalan

399
1
11

3

How to include .css files instead of .scss files? – Veda Sep 16 '19 at 16:11
check the last answer to this [link](https://stackoverflow.com/questions/11052398/rails-using-font-awesome#11053749) – Joel Cahalan Sep 17 '19 at 14:58

How to import font-awesome in tailwind css in the rails application

1 Answers1