Sintassi

Significato dei valori principali:

• font-style: opzionale. Valori: normal, italic, oblique.

• font-variant: opzionale. Valore più comune: small-caps.

• font-weight: opzionale. Valori: normal, bold, lighter, 100 a 900.

• font-size: obbligatorio. Esempi: 16px, 1em, small.

• line-height: opzionale. Si specifica con /, es: 16px/1.5.

• font-family: obbligatorio. Esempi: Arial, "Open Sans", sans-serif.

Nota: font-size e font-family sono obbligatori per usare font shorthand.

Esempio proprietà: font

Codice Esempio: font

CODE: CSS

1. .font-example {

2.   font: italic small-caps bold 18px/1.6 "Georgia", serif;

3.   background-color: #f9f9f9;

4.   padding: 15px;

5.   border-left: 5px solid #50a14f;

6.   color: #333;

7.   width: 70%;

8.   margin: 0 auto;

9. }

Contenuto Esempio: font

  
  <style>
    .font-example {
      font: italic small-caps bold 18px/1.6 "Georgia", serif;
      background-color: #f9f9f9;
      padding: 15px;
      border-left: 5px solid #50a14f;
      color: #333;
      width: 70%;
      margin: 0 auto;
    }
  </style>

  <div class="font-example">
    Questo paragrafo utilizza la shorthand font per applicare stile corsivo, small caps, grassetto, dimensione 18px, interlinea 1.6 e il font Georgia.
  </div>
  

Note:
Le indicazioni dei Browser supportati sono superate grazie alla loro costante evoluzione, si consiglia di verificare la compatibilità dei vari browser eseguendo il test cliccando qui sotto.

Supporto Browser