Подключение шрифтов в Angular

Привет!У меня возникла проблема.Я подключил все шрифты в fonts.sass(размещен в корне папки app) но их не видно с файла header.component.sass.Сами шрифты я поместил в папку assets/fonts и сейчас получаю вот такую ошибку

Failed to compile.
./src/app/header/header.component.sass
(Emitted value instead of an instance of Error) CssSyntaxError: X:\projects\BranD\src\app\fonts.sass:15:9: Can't resolve '.../assets/fonts/LatoBold/lato-bold.eot' in 'X:\projects\BranD\src\app\header'
  13 | @font-face {
  14 |     font-family: 'latobold';
> 15 |     src: url('.../assets/fonts/LatoBold/lato-bold.eot');
     |         ^
  16 |     src: url('.../assets/fonts/LatoBold/lato-bold.eot?#iefix') format('embedded-opentype'), {
  17 |          url:'.../assets/fonts/LatoBold/lato-bold.woff' format('woff'),
 @ ./src/app/header/header.component.ts 22:21-55
 @ ./src/app/app.module.ts
 @ ./src/main.ts
 @ multi (webpack)-dev-server/client?http://0.0.0.0:0 ./src/main.ts

Подскажите как правильно подключать шрифты в Angular.