Egenskapen font

Egenskapen font er en sammensatt egenskap der du kan bruke følgende CSS-egenskaper: font-size, font-style, font-weight, line-height, font-family, font-variant.

Syntaks

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

De obligatoriske egenskapene er font-size og font-family, de andre kan utelates samtidig som rekkefølgen beholdes.

Egenskapene font-style, font-variant, font-weight kan byttes om i hvilken som helst rekkefølge i forhold til hverandre.

Legg merke til at egenskapen line-height skrives med skråstrek etter egenskapen font-size.

Eksempel

La oss lage kursiv tekst med en størrelse på 15px, med typen Arial, og linjeavstand på 30px:

html<p>
  some long text
</p>

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

Результат:

Eksempel

Et annet eksempel:

html<p>
  some long text
</p>

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

Результат:

Eksempel

La oss kun sette skriftstørrelsen og familien, og utelate de andre egenskapene:

html<p>
  some long text
</p>

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

Результат:

Eksempel

Hvis du kun setter skriftstørrelsen, vil den ikke bli brukt, siden du også må sette skriftfamilien:

html<p>
  some long text
</p>

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

Результат: