Својството font

Својството font претставува кратенка, во која може да се користат следниве својства на CSS: font-size, font-style, font-weight, line-height, font-family, font-variant.

Синтакса

cssселектор {
  font: [font-style|font-variant|font-weight] font-size [/line-height] font-family;
}

Задолжителни својства се font-size и font-family, останатите може да се испуштат, зачувувајќи го редоследот.

Својствата font-style, font-variant, font-weight може да се менуваат во кој било редослед едно во однос на друго.

Обрнете внимание на тоа што својството line-height се пишува со коса црта после својството font-size.

Пример

Ајде да направиме курзивен текст со големина 15px, со тип Arial, и интерлинеар од 30px:

html<p>
  some long text
</p>

cssp {
  font: italic 15px/30px Arial;
  text-align: justify;
}

Результат:

Пример

Уште еден пример:

html<p>
  some long text
</p>

cssp {
  font: bold 16px/20px "Times New Roman", Georgia, serif;
  text-align: justify;
}

Результат:

Пример

Да назначиме само големина на фонтот и фамилија, испуштајќи ги другите својства:

html<p>
  some long text
</p>

cssp {
  font: 18px Arial;
  text-align: justify;
}

Результат:

Пример

Ако се зададе само големина на фонтот, таа нема да се примени, бидејќи задолжително мора да биде зададена и фамилијата на фонтот:

html<p>
  some long text
</p>

cssp {
  font: 30px;
  text-align: justify;
}

Результат: