Skip to content

components/font-awesome

Repository files navigation

Font Awesome

Shim repository for Font Awesome.

The full suite of pictographic icons, examples, and documentation can be found at: https://fontawesome.com/

Package Managers

  • npm: components-font-awesome
  • Bower: components-font-awesome
  • Component: components/font-awesome
  • Composer: components/font-awesome

Installation

Gulp

Re-compile bower

If using bower, do not forget to re-compile bower using gulp bower. Here is the sample code if you do not have one.

// Update Foundation with Bower and save to /vendor
gulp.task('bower', function() {
  return bower({ cmd: 'update'})
    .pipe(gulp.dest('vendor/'))
});
Combine css

With gulp, usually there is a function to combine all scss to css file for faster page loads. In the sample case we run function gulp style to combine all scss to css file under ./assets/css/

Move font font folder

Here is the important part, the default font folder is on different path with the compiled bower file. We need to move the font from default font folder to the compiled bower folder (In the example vendor is the compiled folder).

// Move font-awesome fonts folder to css compiled folder
gulp.task('icons', function() {
    return gulp.src('./vendor/components-font-awesome/webfonts/**.*')
        .pipe(gulp.dest('./assets/fonts'));
});

License