Я хочу добавить шрифт AvantGard к одному абзацу в моем приложении React, но кажется, что шрифт не действует, и я не знаю почему, вот как я его добавляю:
- Я храню его в виде файла ttf в папке с активами.
- У меня есть глобальный s css индекс файла. css, и я объявляю его так:
@font-face {
font-family: 'AvantGard';
font-style: normal;
src: url('./assets/fonts/avant_gartt/AvantGard.ttf');
}
У меня также есть переменная. S css, в которой я храню ее так:
$avantGard: 'AvantGuard';
Я импортирую свои переменные в css моего компонента следующим образом:
@import './variables.scss';
, а затем я просто устанавливаю размер шрифта моего абзаца:
font-family: $avantGard;
У кого-нибудь есть идеи, почему мой шрифт не работает? Остальные мои шрифты работают так же, но не этот.