Мне нужно импортировать шрифт Klavika, и я получил его разных форм и размеров:
Klavika-Bold-Italic.otf
Klavika-Bold.otf
Klavika-Light-Italic.otf
Klavika-Light.otf
Klavika-Medium-Italic.otf
Klavika-Medium.otf
Klavika-Regular-Italic.otf
Klavika-Regular.otf
Теперь я хотел бы знать, можно ли импортировать их в CSS с помощью всего одного @font-face
-запроса, где я определяю weight
в запросе. Я хочу избежать копирования / вставки запроса 8 раз.
Так что-то вроде:
@font-face {
font-family: 'Klavika';
src: url(../fonts/Klavika-Regular.otf), weight:normal;
src: url(../fonts/Klavika-Bold.otf), weight:bold;
}