Font-kerning - CSS-Tricks

Anonim

Proprietatea CSS font-kerningdefinește modul în care sunt distanțate perechi de litere specifice.

Vedeți, fonturile conțin adesea informații despre cât de mult spațiu de respirație are un personaj pe marginile sale stângi și drepte.

Termenul adecvat pentru spațiere este rulmenții laterali.

Când două caractere sunt așezate una lângă cealaltă, rulmentele lor se adună pentru a forma spațiul real dintre caractere.

Flancul drept al lui A și flancul stâng al lui V definesc spațiul dintre ele.

Designerii de fonturi vor regla rulmentele dintre două caractere specifice, astfel încât să arate mai bine împreună. Asta este kerning-ul și asta font-kerningne permite să decidem proprietatea: dacă vrem să folosim kerning-ul fontului sau să îl dezactivăm cu totul. Deci, dacă fontul cu care lucrați nu acceptă date de cernere, atunci această proprietate nu va avea niciun efect asupra acestuia.

Sintaxă

font-kerning: auto | normal | none
  • Valoarea initiala: auto
  • Se aplică tuturor elementelor
  • Mostenit:
  • Valoare calculată:
  • Tipul de animație: discret

Valori

font-kerning acceptă următoarele valori:

  • auto: Aceasta permite browserului să decidă dacă va folosi sau nu kerning-ul fontului.
  • normal: Permite utilizarea kerningului stocat în font.
  • none: Dezactivează kerning-ul.

Demo

Suport pentru browser

Aceste date de asistență pentru browser provin de la Caniuse, care are mai multe detalii. Un număr indică faptul că browserul acceptă funcția în versiunea respectivă și în sus.

Desktop

Crom Firefox IE Margine Safari
29 * 34 Nu 79 7 *

Mobil / Tabletă

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