I've encountered an issue with Angular 8 and Font Awesome icons. I initially added the font-awesome path in the angular.json as follows:
"./node_modules/font-awesome/css/font-awesome.css"
However, all the icons were displaying as empty boxes (not loading). In an attempt to fix this, I moved all the font-awesome files to the assets folder and added a link to the css file in index.html like so:
<link rel="stylesheet" href="assets/styles/css/font-awesome.css">
Despite these efforts, the icons still did not appear. I then tried accessing the font-awesome.css file directly from my browser at:
mysite.mymy/assets/styles/css/font-awesome.css
The CSS file contained links to "../fonts/" which led me to access one of them directly:
mysite.mymy/assets/styles/fonts/fontawesome-webfont.eot?v=4.7.0
However, rather than loading the font, it redirected me to the home page. Can anyone identify why the icons are not loading properly?