Trabajando en un diseño de sitio en el que intento traducir un valor de seguimiento de "100" a la letter-spacing
propiedad CSS.
Cuando especifico un valor de seguimiento de "100", ¿qué estoy diciendo? Definitivamente no parece un porcentaje o píxeles.
Tiendo a observar para obtener lo que quiero, pero prefiero ejecutar una conversión y no tener que pensar en ello si eso es posible.
Las respuestas dadas en la pregunta vinculada al comentario de AndrewH son correctas.
Como se indica en esta página de ayuda de Photoshop : 1
El tracking y el interletraje se miden en 1/1000 em , una unidad de medida relativa al tamaño de letra actual. En una fuente de 6 puntos, 1 em equivale a 6 puntos; en una fuente de 10 puntos, 1 em equivale a 10 puntos. El interletraje y el seguimiento son estrictamente proporcionales al tamaño de letra actual.
En otras palabras, puede lograr el mismo espaciado entre letras de CSS dividiendo el valor de seguimiento de Photoshop por 1000 y usando el cociente, en ems, como valor de espaciado entre letras.
1 La página vinculada es para Photoshop, pero lo mismo se aplica a todos los demás productos de Adobe. Según Wikipedia , Quark tiene 1/200 em como unidad base.
letter-spacing: calc(20rem/1000)
em
s en lugar de rem
s? Si el texto tiene un tamaño de 3rem
, el espacio entre letras basado en un rem
cálculo sería tres veces menor de lo que esperaba.
Andrés H
Brendan