Подключение font awesome npm?

Question

[mutaev_murad]

Добрый день! Не получается импортировать файлы font-awesome пытался по разным способам.
Устанавливал библиотеку с npm (gulp) не webpack.

$fa-font-path: "../node_modules/font-awesome/fonts";
@import "../node_modules/font-awesome/scss/font-awesome.scss";


$fa-font-path: "../node_modules/font-awesome/fonts";
@import '~font-awesome/scss/font-awesome.scss';

$fa-font-path: "../fonts"; 
@import "~../../node_modules/font-awesome/scss/font-awesome";

С этим ~ тире и без него, писал полный путь к файлам но никак не работает

Ну в консоли пишет вот эту ошибку

Если на картинке не видно

(index):8 5 GET http://localhost:3000/fonts/fontawesome-webfont.woff2?v=4.7.0 404 (Not Found)
2(index):1 GET http://localhost:3000/fonts/fontawesome-webfont.woff?v=4.7.0 404 (Not Found)

Не знаю может нужно подключить файлы которые в этой папке с форматом woff

Answer 1

[Алексей Уколов]

Не знаю может нужно подключить файлы которые в этой папке с форматом woff

Нужно. То, что вы в стили импортируете никакого отношения к файлам шрифтов не имеет, их нужно руками подключать.

Comments

[mutaev_murad]

Ну я ведь путь указал к папке шрифтов, $fa-font-path: "../fonts";
разве они не должны автоматом подключиться,

[Алексей Уколов]

Не должны.

[mutaev_murad]

Ну а как их подключают не подскажете?