Jarak huruf rosak dan tidak ada apa -apa yang boleh kita lakukan ... mungkin

Artikel ini meneroka perbincangan yang menarik dalam Kumpulan Kerja CSS (CSSWG) mengenai harta . Seorang pemaju Mozilla senior menyerlahkan percanggahan lama antara bagaimana pelayar menjadikan harta ini dan spesifikasi CSS sebenar. Harta yang seolah -olah mudah ini mendedahkan kerumitan yang mengejutkan.

letter-spacing Isu teras berpunca dari bagaimana pelayar mengendalikan jarak antara aksara. Walaupun manusia secara intuitif memahami jarak huruf, komputer memerlukan strategi yang ditetapkan. Sekiranya ruang ditambah sebelum, selepas, atau sama -sama diedarkan di sekitar setiap huruf? Sekiranya ini berbeza antara bahasa kiri-ke-kanan (LTR) dan kanan-ke-kiri (RTL)? Strategi yang dipilih memberi kesan kepada pengukuran teks dan pemecahan garis.

Pada masa ini, pelaksanaan pelayar menyimpang dari spesifikasi CSS. Spec berhasrat jarak yang berlaku

antara end setiap aksara. Ketidakkonsistenan ini wujud di pelbagai enjin rendering seperti Gecko (Firefox), Blink (Chrome, dan lain -lain), dan WebKit (Safari). Spesifikasi CSS mentakrifkan sebagai: "Menentukan jarak tambahan antara unit watak tipografi." Walau bagaimanapun, pelaksanaan penyemak imbas biasa menambah ruang tambahan pada akhir setiap watak, yang membawa kepada jarak asimetri, terutamanya ketara dalam teks berpusat atau bahasa RTL. Dalam bahasa RTL, percanggahan itu mewujudkan jurang pada permulaan teks.

Kenapa percanggahan ini? Mengubah tingkah laku pelayar yang ditubuhkan akan membahayakan kerosakan laman web yang meluas disebabkan oleh pengukuran teks yang diubah dan rehat garis. Laman web mungkin telah memberi pampasan kepada tingkah laku semasa melalui penyelesaian, membuat perubahan mengganggu. letter-spacing

Dua penyelesaian yang berpotensi sedang dipertimbangkan:

Opsyen 1: Pengagihan ruang kerja semula:

Spesifikasi boleh disemak semula untuk mandat pengagihan ruang yang sama sebelum dan selepas setiap aksara. Ini akan mewujudkan jarak simetri tetapi masih membawa risiko perubahan susun atur.

Pilihan 2: Penempatan yang dikendalikan oleh pemaju:

Memperkenalkan harta baru (mis.,

) yang membolehkan pemaju menentukan di mana jarak digunakan (, , letter-spacing-justify, before, after, left). Ini menawarkan fleksibiliti, mengekalkan keserasian ke belakang sambil membolehkan kawalan jarak yang lebih baik untuk projek -projek baru. right

pilihan ketiga, mengekalkan status quo, kurang berkemungkinan diberikan komitmen CSSWG untuk menangani isu ini. Hasil yang paling mungkin kelihatan sebagai pilihan 2, menyediakan pemaju dengan kawalan yang lebih besar ke atas letter-spacing tingkah laku. Perjalanan ke arah pelaksanaan yang lebih tepat dan konsisten adalah berterusan, menonjolkan selok -belok tipografi web. letter-spacing

Atas ialah kandungan terperinci Jarak huruf rosak dan tidak ada apa -apa yang boleh kita lakukan ... mungkin. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!