¿Hay alguna forma de hacer una espaciada con letras CSS: 0.5 PX?
https://stackoverflow.com/questions/7811225
-
26-10-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianPregunta
Me encontré con el problema, necesito facilitar que los usuarios lean el texto, así que usé la separación de letras de 1 PX, pero se ve feo, así que pensé que usaré medio píxel, así que 0.5px, pero eso No funciona, intenté usar atributos EM, pero no logré la tarea.
Entonces, ¿hay alguna manera de hacer que las letras se separen de medio píxel (solución de navegador cruzado si es posible)
Solución
Este error se ha informado en 2008 y se confirma. Entonces, si alguien tiene ganas de piratear Webkit, eso haría felices a muchos diseñadores.
Otros consejos
El espaciado de letras de subpíxeles funciona bien en FF, pero no en WebKit (al menos en Windows). Vea este caso de prueba:
http://jsfiddle.net/fzyql/2/
Esta prueba también muestra que no es el valor literal de subpíxeles el que es un problema. Usando fraccionamiento em Los valores que dan como resultado menos de 1 px de espacios de letras tampoco se honran en WebKit, pero funcionan igual de bien en Firefox.
Este error ha sido fijo en cromo y aterrizó en Chrome 30. Por lo tanto, los valores fraccionales ahora son compatibles con Firefox, Chrome y Opera.
@Zach Re: píxeles fraccionales. Aunque no existen físicamente, se simulan digitalmente por transparencias y cambios en el color. Un buen ejemplo son los iconos y las serifs de tipo. Una mirada cercana a lo que parece ser una línea muy delgada mostrará rápidamente que se simula al hacer que la línea con un color más claro que engañe al ojo. Entonces, incluso cuando no existen, el software gráfico ha tratado con píxeles fraccionales correctamente desde mucho tiempo. Es una pena que los navegadores WebKit todavía no lo hagan.
Re: espaciado de letras fraccionarias. Se puede especificar y funciona bien en los navegadores que no son de Webkit (felicitaciones por IE por una vez). En los navegadores de WebKit, el espacio de la letra se redondea al entero más cercano (creo que está redondeado). Este redondeo ocurre no solo cuando el espacio entre letras se especifica directamente como un píxel fraccional, sino también cuando se especifica como un valor porcentual o EM y el cálculo final en píxeles da como resultado un píxel fraccional. Muy frustrante.
Los tamaños de subpíxeles son legales, pero pueden tener resultados impredecibles entre los navegadores. Cosas como el texto también intentan alinearse con píxeles enteros (como dice Phrogz), por lo que es probable que los errores de redondeo resultantes puedan hacer que las cosas parezcan desiguales.
Valores de espaciado de letras fraccionadas son compatibles con WebKit, Firefox, Chrome y Opera, desde finales de 2013.
Confirmado por CSS Tricks - https://css-tricks.com/almanac/properties/l/letterspacing/
Y lo acabo de probar.
