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.

An Animated Guide to Node.js Event Loop

Node.js doesn’t stop from running other operations because of Libuv, a C++ library responsible for the event loop and asynchronously handling tasks such as network requests, DNS resolution, file system operations, data encryption, etc.

What happens under the hood when Node.js works on tasks such as database queries? We will explore it by following this piece of code step by step.