Svojstvo font

Svojstvo font predstavlja skraćenu deklaraciju, u kojoj se mogu koristiti sledeća svojstva CSS-a: font-size, font-style, font-weight, line-height, font-family, font-variant.

Sintaksa

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

Obavezna svojstva su font-size i font-family, ostala se mogu izostaviti, čuvajući redosled.

Svojstva font-style, font-variant, font-weight mogu se međusobno rasporediti u bilo kom redosledu.

Obratite pažnju da se svojstvo line-height piše kroz kosu crtu nakon svojstva font-size.

Primer

Hajde da napravimo tekst iskošenim slovima, veličine 15px, tipa Arial, i sa međurednim razmakom od 30px:

html<p>
  some long text
</p>

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

Результат:

Primer

Još jedan primer:

html<p>
  some long text
</p>

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

Результат:

Primer

Dodelimo samo veličinu fonta i familiju, izostavivši ostala svojstva:

html<p>
  some long text
</p>

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

Результат:

Primer

Ako se dodeli samo veličina fonta, ona se neće primeniti, jer mora biti zadato i obavezno porodično ime fonta:

html<p>
  some long text
</p>

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

Результат: