it-swarm-id.com

Apakah ada cara untuk membuat spasi huruf css: 0,5 px?

Saya menemukan masalah, saya perlu memudahkan pengguna untuk membaca teks, jadi saya menggunakan spasi huruf 1 px, tetapi terlihat jelek, jadi saya pikir saya akan menggunakan setengah piksel jadi 0,5px, tetapi tidak berfungsi, saya mencoba menggunakan atribut em, tetapi tidak mencapai tugas.

Jadi apakah ada cara untuk membuat jarak huruf setengah pixel (solusi lintas browser jika mungkin)

31
Ilja

Bug ini telah dilaporkan kembali pada tahun 2008 dan dikonfirmasi. Jadi jika seseorang merasa ingin meretas ke dalam webkit yang akan membuat banyak desainer senang.

https://bugs.webkit.org/show_bug.cgi?id=20606

17
idFlood

Spasi huruf sub-pixel berfungsi dengan baik pada FF, tetapi tidak pada WebKit (setidaknya pada Windows). Lihat test case ini:
http://jsfiddle.net/fZYqL/2/

Tes ini juga menunjukkan bahwa bukan nilai literal sub-pixel yang menjadi masalah. Menggunakan nilai em fraksional yang menghasilkan jarak huruf kurang dari 1px juga tidak dihargai di Webkit, tetapi bekerja dengan baik di Firefox.

Firefox versus Webkit

6
Phrogz

Bug ini telah diperbaiki di Chromium dan mendarat di Chrome 30. Jadi nilai fraksional sekarang didukung oleh Firefox, Chrome dan Opera.

5

@ Zach Re: piksel fraksional. Meskipun mereka tidak ada secara fisik, mereka disimulasikan secara digital oleh transparansi dan perubahan warna. Contoh yang baik adalah ikon dan serif jenis. Melihat dari dekat pada apa yang tampak sebagai garis yang sangat tipis akan dengan cepat menunjukkan bahwa itu disimulasikan dengan menampilkan garis dengan warna yang lebih terang yang membodohi mata. Jadi bahkan ketika mereka tidak ada, perangkat lunak grafis telah menangani piksel fraksional dengan benar sejak lama. Sayang sekali bahwa browser webkit masih belum.

Re: spasi huruf pecahan. Itu dapat ditentukan dan berfungsi dengan baik di browser non-webkit (pujian untuk IE untuk sekali). Di webkit browser, spasi huruf dibulatkan ke bilangan bulat terdekat (saya percaya bahwa ini dibulatkan ke bawah). Pembulatan ini terjadi tidak hanya ketika spasi huruf ditentukan secara langsung sebagai piksel fraksional tetapi juga ketika ditetapkan sebagai persentase atau nilai em dan perhitungan akhir dalam piksel menghasilkan piksel fraksional. Sangat membuat frustrasi.

2
cockypup

Ukuran sub-pixel legal, tetapi mereka dapat memiliki hasil yang tidak terduga di seluruh browser. Hal-hal seperti teks juga mencoba menyelaraskan diri ke seluruh piksel (seperti yang dikatakan Phrogz), sehingga kemungkinan kesalahan pembulatan yang dihasilkan mungkin membuat hal-hal terlihat tidak merata.

1
Toomai

Nilai spasi huruf pecahan didukung oleh Webkit , Firefox, Chrome dan Opera, sejak akhir 2013.

Dikonfirmasi oleh Trik CSS - https://css-tricks.com/almanac/properties/l/letter-spacing/

Dan saya baru saja mengujinya. 

1
Joshua Dance