Estoy usando JavaScript para inflar un lapso de texto alineado a la izquierda hasta que llena su contenedor, o hasta que alcanza umbrales variables en altura o ancho. Este proceso da como resultado una amplia variación de font-size
.Alineación de texto con precisión de píxeles
Mi problema es que, con ciertos caracteres, hay una pequeña cantidad de relleno a la izquierda ... y aunque normalmente no se nota, con tamaños de letra muy grandes puede llegar a 10 píxeles o más.
me prepararon rápidamente una página para demostrar el efecto de diversos personajes: http://jsfiddle.net/kBu7S/
El fragmento de texto existe en un diseño en el que todos los demás elementos de bajar la página está alineado píxel por píxel al borde izquierdo, por lo que es muy distracción visual con los tamaños de texto más grandes.
¿Alguien puede pensar en una forma de calcular la cantidad de relleno, para que pueda encontrar la posición relativa del tramo? ¿O tal vez incluso hay una solución de CSS? (letter-spacing
y word-spacing
no tienen ningún efecto.)
Admitiré que incluso una solución sucia parece bastante improbable ... gracias por su consideración.
¡Hombro! Así es como se llama. Ni siquiera puedo decirte cuántas maneras diferentes traté de googlear el nombre de ese relleno. Acabo de llegar a casa del trabajo, pero su idea sobre el mapeo de los diferentes hombros (¿tal vez en porcentajes?) Es un buen punto de partida para la mañana ... – JKS
¿No sería eso solo un trabajo local? – Ben
"localmente"? No estoy seguro de lo que quieres decir. –