Vlastnosť font

Vlastnosť font predstavuje skrátenú vlastnosť, v ktorej možno použiť nasledujúce vlastnosti CSS: font-size, font-style, font-weight, line-height, font-family, font-variant.

Syntax

cssselektor {
  font: [font-style|font-variant|font-weight] font-size [/line-height] font-family;
}

Povinnými vlastnosťami sú font-size a font-family, ostatné je možné vynechať, pričom je potrebné zachovať poradie.

Vlastnosti font-style, font-variant, font-weight je možné prehádzať v ľubovoľnom poradí voči sebe navzájom.

Všimnite si, že vlastnosť line-height sa píše cez lomku za vlastnosťou font-size.

Príklad

Vytvorme kurzívny text veľkosti 15px, s typom Arial, a riadkovaním 30px:

html<p>
  some long text
</p>

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

Результат:

Príklad

Ďalší príklad:

html<p>
  some long text
</p>

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

Результат:

Príklad

Nastavme len veľkosť písma a rodinu, pričom vynecháme ostatné vlastnosti:

html<p>
  some long text
</p>

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

Результат:

Príklad

Ak nastavíme len veľkosť písma, neaplikuje sa, pretože musí byť nastavená aj rodina písma:

html<p>
  some long text
</p>

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

Результат: