Sintassi

Significato dei valori principali:

• auto: Il comportamento predefinito: il browser decide se abilitare il kerning in base al font e al contesto. È il valore consigliato per una resa coerente.

• normal: Forza l’attivazione del kerning, se supportato dal font. Migliora la spaziatura tra lettere nei testi raffinati.

• none: Disattiva completamente il kerning, lasciando uno spaziamento uniforme tra tutte le lettere.

Esempio proprietà: font-kerning

Codice Esempio: font-kerning

CODE: CSS

1. .kerning-enabled {

2.   font-family: "Arial", serif;

3.   font-kerning: normal;

4.   font-size: 32px;

5.   background: #e6ffe6;

6.   padding: 10px;

7.   border-radius: 6px;

8. }

10. .kerning-disabled {

11.   font-family: "Arial", serif;

12.   font-kerning: none;

13.   font-size: 32px;

14.   background: #ffe6e6;

15.   padding: 10px;

16.   border-radius: 6px;

17. }

Contenuto Esempio: font-kerning

  
  <style>
    .kerning-enabled {
      font-family: "Arial", serif;
      font-kerning: normal;
      font-size: 32px;
      background: #e6ffe6;
      padding: 10px;
      border-radius: 6px;
    }

    .kerning-disabled {
      font-family: "Arial", serif;
      font-kerning: none;
      font-size: 32px;
      background: #ffe6e6;
      padding: 10px;
      border-radius: 6px;
    }
  </style>

  <div class="kerning-enabled">
      AVATAR - kerning enabled
  </div>

  <div class="kerning-disabled">
      AVATAR - kerning disabled
  </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