Не могу импортировать шрифты в реакции (node-sass)

Question

В настоящее время я разрабатываю небольшой проект для моего брата, которому нужно реализовать веб-сайт (он учится в художественной школе).

Я планировал сделать это в React (хорошо для меня, чтобы практиковать))

Я недавно начал использовать Sass и влюбился в него, это намного удобнее, чем обычный CSS!

Во всяком случае, он дал мне шрифт для использования на своем сайте (https://www.velvetyne.fr/fonts/le-murmure/), но я не могу его импортировать в проект. Я прочитал так много тем, но не могузаставить его работать.

Итак, я обнаружил, что у них было два решения: одно - использовать импорт, потому что тогда шрифт будет вводиться в конвейер сборки, а другое - использовать непосредственно папку сборки.передовой опыт.

Я нашел ответ, в котором говорилось, что нам нужно поместить их в папку ресурсов (https://github.com/angular/angular-cli/issues/5213#issuecomment-284783844), поэтому я так и сделал, на этот раз я не получил сообщения об ошибке «Эй, я не могу»разрешить blablabla ', но он просто не использует шрифт. + Я могу поставить все, что захочу, например' / assets / somethings / dumb '. Я не получу никакого сообщения об ошибке.

Я пришлю вам картинкумоего дерева, чтобы вы могли лучше видеть

https://ibb.co/KjkCNJ1

Вот мой _typography.scss

@font-face {
    font-family: 'murmure';
    src:  url('/assets/fonts/Le_Murmure-Regular_web.eot');
    src:  url('/assets/fonts/Le_Murmure-Regular_web.eot?#iefix') format('embedded-opentype'),
          url('/assets/fonts/Le_Murmure-Regular_web.woff') format('woff'),
          url('/assets/fonts/Le_Murmure-Regular_web.woff2') format('woff2'),
          url('/assets/fonts/Le_Murmure-Regular_web.ttf') format('truetype'),
          url('/assets/fonts/Le_Murmure-Regular_web.svg#svgFontName') format('svg');
    font-weight: normal;
    font-style: normal;
  }

, который я импортирую в свой файл main.scss

//      ABSTRACTS
@import './abstracts/functions';
@import './abstracts/mixins';
@import './abstracts/variables';

//      BASE
@import './base/typography';
@import './base/base';
@import './base/animations';
@import './base/utilities';

//      COMPONENTS
@import './components/input.scss';

//      LAYOUTS 

//      PAGES

@import './screens/home';

, которые я импортирую в свой App.tsx

import '@assets/sass/main.scss';

Наконец

У меня есть руле в моих экранах / _home.scss

.home {
    &__title {
        font-size: 500px;
        font-family: "murmure", serif !important;
    }
}

И единственное, что применяется, это размер шрифта https://ibb.co/gt2Bvdz

У кого-нибудь есть идея, как заставить импортировать шрифты?

Я действительно застрял в этом: / Такое впечатление, что я только что попробовал каждый относительный импорт, который мог