Sintassi

Significato dei valori principali:

• normal: peso normale del testo (equivalente a 400).

• bold: grassetto standard (equivalente a 700).

• lighter: più leggero rispetto al peso ereditato.

• bolder: più marcato rispetto al peso ereditato.

• 100 – 900: valori numerici per un controllo fine, dove 100 è il più sottile e 900 il più marcato. Non tutti i font supportano tutte le gradazioni.

Esempio proprietà: font-weight

Codice Esempio: font-weight

CODE: CSS

1. .weight-normal {

2.   font-weight: normal;

3.   font-size: 22px;

4. }

6. .weight-bold {

7.   font-weight: bold;

8.   font-size: 22px;

9. }

11. .weight-900 {

12.   font-weight: 900;

13.   font-size: 22px;

14. }

Contenuto Esempio: font-weight

  
  <style>
    .weight-normal {
      font-weight: normal;
      font-size: 22px;
    }

    .weight-bold {
      font-weight: bold;
      font-size: 22px;
    }

    .weight-900 {
      font-weight: 900;
      font-size: 22px;
    }
  </style>

  <div class="weight-normal">Testo con font-weight: normal</div>
  <div class="weight-bold">Testo con font-weight: bold</div>
  <div class="weight-900">Testo con font-weight: 900</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