Using fontawesome is a lightweight way to add some icons to your theme so most of the times I am using this instead of using images for common icons
- Run the commands below:
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| //run this to download the latest fontawesome via bower | |
| bower install –save fontawesome | |
| //this will make sure that you have all necessary dependencies | |
| npm install grunt-contrib-copy –save-dev | |
| // after running the commands above, you will have this entry in your bower.json file | |
| // "dependencies": { | |
| // "bootstrap-sass": "3.3.6", | |
| // "font-awesome": "fontawesome#^4.6.3" | |
| // }, |
2) bower_components folder will now have the font-awesome directory, I manually copied all 6 font files from the bower_components/font-awesome/fonts folder
- FontAwesome.otf
- fontawesome-webfont.eot
- fontawesome-webfont.svg
- fontawesome-webfont.ttf
- fontawesome-webfont.woff
- fontawesome-webfont.woff2
to assets/fonts folder
3) run gulp build and you should have your dist/fonts all the fonts that you have and it should work as expected
Carl Alberto 