Adding fontawesome using bower if you are using a Sage starter theme

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

  1. Run the commands below:

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

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s