Fon-kerning - Trik CSS

Anonim

Properti CSS font-kerningmenentukan cara jarak pasangan huruf tertentu.

Anda lihat, fon sering mengandungi maklumat mengenai seberapa banyak ruang bernafas yang dimiliki oleh watak di tepi kiri dan kanannya.

Istilah yang tepat untuk jarak adalah sidebearing.

Apabila dua watak diletakkan bersebelahan, bilah sisi mereka bertambah untuk membentuk ruang sebenar antara watak.

Bearing sisi kanan A dan sidebear kiri V menentukan ruang di antara mereka.

Pereka fon akan menyesuaikan jarak sisi antara dua watak tertentu supaya mereka kelihatan lebih baik bersama. Itulah kerning dan itulah yang font-kerningmembolehkan kami memutuskan: sama ada kami ingin menggunakan kerning fon atau mematikannya sama sekali. Jadi, jika fon yang anda gunakan tidak menyokong data kerning, maka sifat ini tidak akan berpengaruh padanya.

Sintaks

font-kerning: auto | normal | none
  • Nilai awal: auto
  • Berlaku untuk: semua elemen
  • Diwarisi:
  • Nilai dikira:
  • Jenis animasi: diskret

Nilai

font-kerning menerima nilai berikut:

  • auto: Ini membolehkan penyemak imbas memutuskan untuk menggunakan kerning fon atau tidak.
  • normal: Membolehkan kerning yang tersimpan dalam fon digunakan.
  • none: Melumpuhkan kerning.

Demo

Sokongan penyemak imbas

Data sokongan penyemak imbas ini berasal dari Caniuse, yang mempunyai lebih terperinci. Nombor menunjukkan bahawa penyemak imbas menyokong ciri pada versi dan ke atas.

Desktop

Chrome Firefox IE Hujung Safari
29 * 34 Tidak 79 7 *

Mudah Alih / Tablet

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