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

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?

Answer 1

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';