Font Awesome

minimallinux · February 6, 2018, 9:46pm

Hi, I have imported Font Awesome via NPM and in to main.scss using the scss files, but on build whilst it builds OK the icon is not showing up on page, exactly same code as the html version. Import statement is below,

@import “~font-awesome/scss/font-awesome.scss”;

Is it better to use the css files ? Thanks

mmirus · February 7, 2018, 3:46pm

Hey @minimallinux - Font Awesome 4.x or 5.x?

minimallinux · February 7, 2018, 7:58pm

Hi its Ok now I just used cdn link in head.blade
V 4.7
Thanks

Bezelinja · February 25, 2018, 10:24pm

That should work → @import “~font-awesome/scss/font-awesome”;

The question is how can we add font awesome 5 to sage? No 5 doesn’t support scss on node.js I bet this can be done through webpack.

mmirus · February 26, 2018, 5:28pm

Hey @Bezelinja - I just posted a super short how-to here: How to: Use Font Awesome 5 in your theme. Let me know there if you have any questions.