Не подключаются шрифты через @font-face

@font-face
  font-family: 'Roboto', sans-serif
  src: url('../fonts/Roboto-Black.ttf') format('truetype')
  font-weight: 900
  font-style: normal
.wrapper
    .hello
        font-family: 'Roboto'
        font-size: 80px
        font-weight: 900
        color: rgb(0, 0, 0)
        text-transform: uppercase
        text-align: center

не могу понять где я ошибся, проверил и путь до файла и правильность написания, но шрифт почему-то не подключается путь до папки со шрифтами и папки с файлом sass выглядит так

project/
├── style/
│   ├── _fonts.sass
│   ├── style.sass
└── fonts/
    ├── Roboto-Black.ttf

Сначала пробовал подключать шрифты отдельным файлом _fonts через @use но ничего не вышло, решил попробовать подключить хотя бы напрямую через style но так же ничего не вышло, проверил css файл, все скомпилировалось в точности как должно было, подскажите как решить проблему.