###specify the font path to the "webfonts directory" $fa-font-path: "../node_modules/@fortawesome/fontawesome-free/webfonts" !default; ###when importing from an app-local installation: in this case "coffesshop" is the name of the app `@import 'coffeeshop/node_modules/\@fortawesome/fontawesome-free/scss/fontawesome'` `@import 'coffeeshop/node_modules/\@fortawesome/fontawesome-free/scss/solid'` `@import 'coffeeshop/node_modules/\@fortawesome/fontawesome-free/scss/brands'` ### when importing from a shared directory #### set the location in static and sass `STATICFILES_DIRS = [ os.path.join( PROJECT_ROOT, 'share/media/node_modules/@fortawesome'), ]` `SASS_PROCESSOR_INCLUDE_DIRS = [ os.path.join( PROJECT_ROOT, 'share/media/node_modules/@fortawesome'), ]` #### now import directly from where you set loc above `@import 'fontawesome-free/scss/fontawesome'` `@import 'fontawesome-free/scss/solid'` `@import 'fontawesome-free/scss/brands'`