My folder structure is as follows:
In my styles.scss, I imported the fontawesome scss with
styles.scss is then converted to styles.css.
When styles.css is residing in /css , the fontawesome icon will appear as square boxes when index.html is loaded. If I move the same file to dist/css/ folder and link it appropriately in index.html, the fontawesome icons will appear correctly.
Any tip and advice is greatly appreciated.