Somehow, my Vidly project got off the rails, and I can’t display the heart symbol from Font Awesome. What should I do to get my project working correctly with Font Awesome?
You have to import font-awesome css in the app.js file the same way you did with bootstrap css
I’m experimenting the same issue. The warning msg I get in the Console:
Failed to load resource: the server responded with a status of
404 (Not Found)
http://localhost:8080/fonts/fontawesome-webfont.woff2?v=4.7.0 http://localhost:8080/fonts/fontawesome-webfont.woff?v=4.7.0 http://localhost:8080/fonts/fontawesome-webfont.ttf?v=4.7.0
I’d checked the
node_modules/font-awesome/fonts folder and the fonts are there, but since I’m importing it like:
i’m not sure if the localhost address is resolving the path correctly???
=== Update ===
As a work around the issue I’m importing via CDN on my index.html file
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
Better than nothing & I can continue with the tutorials