Добавление полного шрифта

Question

У меня есть следующие шрифты в каталоге static/fonts/:

Fontfabric---Mont-Thin.otf
Fontfabric---Mont-Thin-Italic.otf
Fontfabric---Mont-SemiBold.otf
Fontfabric---Mont-SemiBold-Italic.otf

Есть ли способ добавить все эти шрифты в файл custom.css, используя:

@font-face {
  font-family: "Mont";
  src: "/static/fonts/Fontfabric---Mont-Thin.otf";
}

или я должен добавить их все независимо и указать, что некоторые из них thin например?

Answer 1

Вы должны добавить каждого из них и указать «вес» для каждого.

@font-face {
  font-family: Mont;
  src: url("/static/fonts/Fontfabric---Mont-Thin.otf");
  font-weight: bold;
}

или

@font-face {
   font-family: Mont;
   src: url("/static/fonts/Fontfabric---Mont-Thin.otf");
   font-weight: 400;
}

Более подробную информацию можно найти здесь