I used Yeoman to fit my project and Bower to install Font Awesome. I added
$fa-font-path: "../bower_components/font-awesome/fonts/";
@import "../bower_components/font-awesome/scss/font-awesome";
to app/styles/style.css
Fonts showed up during development, but not at the expanded stage, where I used grunt distto pack my files for deployment. I could see that the fonts — awesome URLs in mine were dist/styles/59268e94.main.csspointing to /bower_components/font-awesome/fonts/, whereas the Bootsrap glyphicons URLs were changed to a new location, for example. @font-face{font-family:'Glyphicons Halflings';src:url(../styles/fonts/2ad0632b.glyphicons-halflings-regular.eot). I think this may be a problem.
How can I get my web application to work with the awesome font? Thank.
Update No. 1 (26/3)
In anticipation of a better answer and why the Font Awesome SCSS font URLs were not changed, as in Bootstraps SCSS, I decided to remove the "rename font files" task from Gruntfile.js, as suggested by @bpaul in https://stackoverflow.com/a/subsite/questions/ 1542217 / ...
thlim source
share