Что означает синтаксис сокращенного шрифта CSS?

Ответ 1

12px - размер шрифта, 18px - высота строки.

Синтаксис основан на типографской нотации для указания соответствующих размеров и применим только к сокращенному свойству font. Другими словами, приведенное выше выражение просто расширяется до следующего:

font-size: 12px;
line-height: 18px;

Как всегда, если вы устанавливаете высоту строки на относительное значение (например, процент или ems), она вычисляется относительно размера шрифта.

W3C CSS2.1 font ссылка на свойство
W3C CSS3 Fonts Module font ссылка на свойство (синтаксис переносится с CSS2.1)

Ответ 2

Это эквивалентно:

font-size: 12px;
line-height: 18px;