Добавление шрифта в угловое приложение

Question

Я пытаюсь добавить шрифт в угловое приложение без особого успеха. Я создал шрифт в Adobe Illustrator и преобразовал его в шрифт с помощью онлайн-конвертации. Шрифт работает в демо-файле, который они отправили обратно, поэтому я уверен, что шрифт работает.

Однако, когда Webpack компилирует угловое приложение, я получаю сообщение об ошибке CssSyntaxError. полная ошибка:

ОШИБКА в ./src/app/icons/poker-fonts/style.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-файлы / плагины / Сыра-CSS-loader.js ./ node_modules / postcss-погрузчик / ЦСИ ?? встроенный ./ node_modules / дерзость-погрузчик / Библиотека / loader.js ?? исх -! 15-3 ./src / app / icons / poker-fonts / style.scss) Ошибка модуля (из ./node_modules/postcss-loader/src/index.js): (испускаемое значение вместо экземпляра Error) CssSyntaxError: C: \ Users \James \ source \ repos \ range-analizer \ src \ app \ icons \ poker-fonts \ style.scss: 4: 2: Не удается разрешить 'fonts / pokericon.woff' в 'C: \ Users \ James \ source \repos \ range-analizer \ src \ app \ icons \ poker-fonts '

, и я не могу понять это.

это та часть, на которой он не работает:

@font-face {
  font-family: 'pokericon';
  src:  url('fonts/pokericon.eot');
  src:  url('fonts/pokericon.eot') format('embedded-opentype'),
    url('fonts/pokericon.ttf') format('truetype'),
    url('fonts/pokericon.woff') format('woff'),
    url('fonts/pokericon.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}