Crenatura dei caratteri - Trucchi CSS

Anonim

La font-kerningproprietà CSS definisce il modo in cui vengono spaziate specifiche coppie di lettere.

Vedi, i caratteri spesso contengono informazioni su quanto spazio per respirare ha un personaggio sui bordi sinistro e destro.

Il termine corretto per la spaziatura è sidebearings.

Quando due personaggi sono posti uno accanto all'altro, i loro bordi laterali si sommano per formare lo spazio effettivo tra i personaggi.

Il cuscinetto laterale destro di A e il cuscinetto laterale sinistro di V definiscono lo spazio tra di loro.

I progettisti dei caratteri regoleranno i bordi laterali tra due caratteri specifici in modo che appaiano meglio insieme. Questa è la crenatura ed è ciò che la font-kerningproprietà ci permette di decidere: se vogliamo usare la crenatura del carattere o disabilitarla del tutto. Quindi, se il carattere con cui stai lavorando non supporta i dati di crenatura, questa proprietà non avrà alcun effetto su di esso.

Sintassi

font-kerning: auto | normal | none
  • Valore iniziale: auto
  • Si applica a: tutti gli elementi
  • Ereditato:
  • Valore calcolato:
  • Tipo di animazione: discreta

Valori

font-kerning accetta i seguenti valori:

  • auto: Consente al browser di decidere se utilizzare o meno la crenatura dei caratteri.
  • normal: Consente di utilizzare la crenatura memorizzata nel carattere.
  • none: Disabilita la crenatura.

Demo

Supporto del browser

Questi dati di supporto del browser provengono da Caniuse, che ha più dettagli. Un numero indica che il browser supporta la funzione a quella versione e successive.

Desktop

Cromo Firefox IE Bordo Safari
29 * 34 No 79 7 *

Mobile / Tablet

Android Chrome Android Firefox Android iOS Safari
88 85 4.4 * 8 *