Proprietà font

La proprietà font è una proprietà abbreviata, in cui è possibile utilizzare le seguenti proprietà CSS: font-size, font-style, font-weight, line-height, font-family, font-variant.

Sintassi

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

Le proprietà obbligatorie sono font-size e font-family, le altre possono essere omesse, mantenendo l'ordine.

Le proprietà font-style, font-variant, font-weight possono essere scambiate in qualsiasi ordine tra di loro.

Si noti che la proprietà line-height si scrive dopo la proprietà font-size, separate da una barra.

Esempio

Creiamo un testo corsivo di dimensione 15px, con il tipo Arial, e interlinea di 30px:

html<p>
  some long text
</p>

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

Результат:

Esempio

Un altro esempio:

html<p>
  some long text
</p>

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

Результат:

Esempio

Impostiamo solo la dimensione del font e la famiglia, tralasciando le altre proprietà:

html<p>
  some long text
</p>

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

Результат:

Esempio

Se si imposta solo la dimensione del font, essa non verrà applicata, poiché deve essere obbligatoriamente specificata anche la famiglia del font:

html<p>
  some long text
</p>

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

Результат: