DEV Community

Stanislav Vranic
Stanislav Vranic

Posted on

Installing the Pro version of Font Awesome

  1. Create a .npmrc file in the root of your project (or where you have your package.json file) @fortawesome:registry=https://npm.fontawesome.com/ //npm.fontawesome.com/:_authToken=TOKEN
  2. After that configuration, you can install the latest Pro version of Font Awesome via npm or yarn: using-package-managers
  3. Implement in app.scss // font awesome 5 pro @import "node_modules/@fortawesome/fontawesome-pro/scss/fontawesome.scss"; @import "node_modules/@fortawesome/fontawesome-pro/scss/solid.scss"; @import "node_modules/@fortawesome/fontawesome-pro/scss/light.scss"; // and so on - brand etc
  4. Copy webfonts to your directory fonts from node_modules\@fortawesome\fontawesome-pro\webfonts
  5. In variables.scss // font awesome path $fa-font-path: "../fonts/fontawesome-pro/webfonts"; $font-family-font-awesome: 'Font Awesome 5 Pro';
  6. CSS style - To choose solid, or light depends on font-weight content: "\f128"; font-weight: 900; // this is solid

Top comments (2)

Collapse
 
crowscript profile image
Stanislav Vranic

Some comments may only be visible to logged-in visitors. Sign in to view all comments.