Lastnost font

Lastnost font je okrajšava, v kateri je mogoče uporabiti naslednje lastnosti CSS: 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;
}

Obvezni lastnosti sta font-size in font-family, ostale je mogoče izpustiti, ohraniti pa je treba vrstni red.

Lastnosti font-style, font-variant, font-weight je mogoče med seboj zamenjati v poljubnem vrstnem redu.

Upoštevajte, da se lastnost line-height zapiše s poševnico za lastnostjo font-size.

Primer

Naredimo poševno pisavo velikosti 15px, tipa Arial, in medvrstično razdaljo 30px:

html<p>
  some long text
</p>

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

Результат:

Primer

Še en primer:

html<p>
  some long text
</p>

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

Результат:

Primer

Nastavimo le velikost pisave in družino, ostale lastnosti pa izpustimo:

html<p>
  some long text
</p>

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

Результат:

Primer

Če nastavimo le velikost pisave, se ne bo uporabila, saj mora biti nujno določena tudi družina pisave:

html<p>
  some long text
</p>

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

Результат: