Font-i omadus

Omadus font on lühendatud omadus, milles saab kasutada järgmisi CSS-i omadusi: font-size, font-style, font-weight, line-height, font-family, font-variant.

Süntaks

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

Kohustuslikud omadused on font-size ja font-family, ülejäänud võib ära jätta, säilitades järjekorra.

Omadusi font-style, font-variant, font-weight võib omavahel suvalises järjekorras muuta.

Pange tähele, et omadus line-height kirjutatakse kaldkriipsu järel pärast omadust font-size.

Näide

Teeme kaldkirja suurusega 15px, tüübiga Arial ja reavahega 30px:

html<p>
  some long text
</p>

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

Результат:

Näide

Veel üks näide:

html<p>
  some long text
</p>

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

Результат:

Näide

Määrame ainult kirjasuuruuse ja perekonna, jättes teised omadused välja:

html<p>
  some long text
</p>

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

Результат:

Näide

Kui määrata ainult kirjasuurus, siis see ei rakendu, kuna peab olema kohustuslikult määratud ka kirjastiili perekond:

html<p>
  some long text
</p>

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

Результат: