Почему не работают значения свойства font?

Question

[fleshik]

Подскажите почему не работает код?



Ведь вроде не обязательно прописывать font-style: font-weight и другие свойства. Вроде же достаточно указать значения после font. В чём тут ошибка?

Answer 1

[xdevelx]

https://codepen.io/xdevelx/pen/wvaOQEq

https://developer.mozilla.org/ru/docs/Web/CSS/font

If font is specified as a shorthand for several font-related properties, then:

it must include values for:

<font-size>
<font-family>

https://www.w3.org/TR/CSS2/fonts.html#font-shorthand

Answer 2

[L1nks]

По спецификации последним должно идти font-family

Comments

[fleshik]

а можно где то подробно прочитать о правильной последовательности значений после font ?

[L1nks]

fleshik, xdevelx выше прикрепил ссылку на MDN ,где как раз написано про порядок свойств
Ссылка!

Про font-family:

font-family must be the last value specified.