Egenskaben font

Egenskaben font er en shorthand-egenskab, som kan inkludere følgende CSS-egenskaber: font-size, font-style, font-weight, line-height, font-family, font-variant.

Syntaks

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

De obligatoriske egenskaber er font-size og font-family, de øvrige kan udelades, så længe rækkefølgen bevares.

Egenskaberne font-style, font-variant, font-weight kan ombyttes i vilkårlig rækkefølge i forhold til hinanden.

Læg mærke til, at egenskaben line-height skrives efter et skråstreg efter egenskaben font-size.

Eksempel

Lad os lave kursiv tekst med en størrelse på 15px, med typen Arial, og linjehøjde på 30px:

html<p>
  some long text
</p>

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

Результат:

Eksempel

Endnu et eksempel:

html<p>
  some long text
</p>

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

Результат:

Eksempel

Angiv kun skriftstørrelse og familie, og udelad de andre egenskaber:

html<p>
  some long text
</p>

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

Результат:

Eksempel

Hvis du kun angiver skriftstørrelsen, vil den ikke blive anvendt, da der også obligatorisk skal angives en skrifttypefamilie:

html<p>
  some long text
</p>

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

Результат: