Импорт пользовательского шрифта в Angular / CSS

Question

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

Я использую Angular и сейчас пытаюсь импортировать пользовательский шрифт через @ font-face.

Один из моих подходов:

@font-face {
  font-family: Hearth Stone;
  src: url(/src/assets/fonts/HearthStone.otf) format("opentype");
}

.container-fluid {
  padding: 10px 70px 10px 70px;
}

.nav-link {
  color: black;
  font-size: 30px;
  font-family: Hearth Stone;
}

Дополнительная информация:

• Угловой 7
• Последняя версия Bootstrap
• CSS