graylab-fa v1.0.1
|-------------------------------------| steps to use the package |-------------------------------------|
For scss -
Step 1:
import following files into your main scss file
@import "../node_modules/graylab-fa/scss/fontawesome"; @import "../node_modules/graylab-fa/scss/solid"; @import "../node_modules/graylab-fa/scss/regular"; @import "../node_modules/graylab-fa/scss/light"; @import "../node_modules/graylab-fa/scss/brands";
Step 2:
Copy a folder "webfonts" from "node_modules/graylab-fa/" & paste it into the root folder
Step 3:
Compile your scss and get to using those new icons in your project!
|-------------------------------------| how to use in html |-------------------------------------|
Old version of font-awesome was using "fa fa-icon_name"
now updated font awesome use - Solid icons - "fas fa-icon_name" --> example Regular icons - "far fa-icon_name" --> example Light icons - "fal fa-icon_name" --> example Brands icons - "fab fa-icon_name" --> example
Solid icons -
color - white background color - black
Regular icons -
color - black & bold
background color - white
Light icons -
color - black & normal font-weight background color - white
Brands icons -
color - white (solid) background color - black
For more understanding head on following url - https://fontawesome.com/how-to-use/on-the-web/referencing-icons/basic-use
|-------------------------------------| font-awesome details |-------------------------------------|