-
Notifications
You must be signed in to change notification settings - Fork 445
How to integrate font awesome for dev and production
Nathan Walker edited this page Mar 24, 2017
·
2 revisions
No build task modifications are needed.
npm i angular2-fontawesome --save
- Reference
angular2-fontawesome
in tools/config/project.config.ts - Add
Angular2FontawesomeModule
inweb.module.ts
- Download font-awesome and place the scss files in
src/client/css/font-awesome/*
and the fonts insrc/client/assets/fonts/*
- Update the path of the fonts in src/client/css/font-awesome/_variables.scss to
$fa-font-path: "../../assets/fonts" !default;
- In
src/client/css/main.scss
I added@import 'font-awesome/font-awesome';
All the fontawesome css is now bundled into main.css. Works for dev and production.