font-kerningProperti CSS menentukan cara pasangan huruf tertentu diberi jarak.
Soalnya, font sering kali berisi informasi tentang seberapa banyak ruang bernapas yang dimiliki karakter di tepi kiri dan kanannya.
Ketika dua karakter ditempatkan bersebelahan, sidebearings mereka bertambah untuk membentuk ruang aktual antar karakter.
Desainer font akan menyesuaikan sidebearings antara dua karakter tertentu sehingga terlihat lebih baik jika digabungkan. Itu kerning dan itulah yang font-kerningmemungkinkan properti kita memutuskan: apakah kita ingin menggunakan font kerning atau menonaktifkannya sama sekali. Jadi, jika font yang Anda gunakan tidak mendukung data kerning, maka properti ini tidak akan berpengaruh padanya.
Sintaksis
font-kerning: auto | normal | none- Nilai awal:
auto - Berlaku untuk: semua elemen
- Diwarisi:
- Nilai yang dihitung:
- Jenis animasi: diskrit
Nilai
font-kerning menerima nilai-nilai berikut:
auto: Ini memungkinkan browser memutuskan apakah akan menggunakan font kerning atau tidak.normal: Memungkinkan kerning disimpan dalam font yang akan digunakan.none: Menonaktifkan kerning.
Demo
Dukungan browser
Data dukungan browser ini berasal dari Caniuse, yang lebih detail. Angka menunjukkan bahwa browser mendukung fitur pada versi tersebut dan yang lebih baru.
Desktop
| Chrome | Firefox | YAITU | Tepi | Safari |
|---|---|---|---|---|
| 29 * | 34 | Tidak | 79 | 7 * |
Ponsel / Tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 4,4 * | 8 * |