Font-ominaisuus

font-ominaisuus on lyhennysominaisuus, jossa voidaan käyttää seuraavia CSS-ominaisuuksia: font-size, font-style, font-weight, line-height, font-family, font-variant.

Syntaksi

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

Pakolliset ominaisuudet ovat font-size ja font-family, muut voidaan jättää pois, säilyttäen järjestyksen.

Ominaisuudet font-style, font-variant, font-weight voidaan järjestää missä tahansa järjestyksessä toisiinsa nähden.

Huomaa, että line-height-ominaisuus kirjoitetaan kauttaviivalla font-size-ominaisuuden jälkeen.

Esimerkki

Tehdään kursiiviteksti, jonka koko on 15px, fontti on Arial ja riviväli 30px:

html<p>
  some long text
</p>

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

Результат:

Esimerkki

Toinen esimerkki:

html<p>
  some long text
</p>

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

Результат:

Esimerkki

Asetetaan vain fontin koko ja perhe, jättämällä muut ominaisuudet pois:

html<p>
  some long text
</p>

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

Результат:

Esimerkki

Jos asettaa vain fontin koon, sitä ei sovelleta, koska fonttiperhe on myös asetettava:

html<p>
  some long text
</p>

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

Результат: