Несколько начертаний шрифта, один запрос @font-faceCSS

Разбираемся в CSS
Anonymous
Несколько начертаний шрифта, один запрос @font-face

Сообщение Anonymous »

Мне нужно импортировать шрифт 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-запроса, где я определяю вес в запросе. Я хочу избежать копирования/вставки запроса 8 раз.

Что-то вроде:

@font-face {
font-family: 'Klavika';
src: url(../fonts/Klavika-Regular.otf), weight:normal;
src: url(../fonts/Klavika-Bold.otf), weight:bold;
}


Подробнее здесь: https://stackoverflow.com/questions/282 ... face-query

Вернуться в «CSS»