Сокращенное CSS-свойство font

Почему-то многие стараются не использовать сокращенное CSS-свойство font – возможно, потому, что синтаксис его объявления достаточно сложно запомнить. На самом же деле тут все довольно просто, если опустить все, кроме размера и семьи шрифта. То есть вот такой кусок кода:

font-style: italic;
font-variant: small-caps;
font-weight: bold;
font-size: 18px;
line-height: 120%;
font-family: "Josefin Sans", sans-serif;

можно заменить всего одной строчкой:

font: italic small-caps bold 18px/120% "Josefin Sans", sans-serif;

Tags:

Добавить комментарий