leading-trimes una nueva propiedad CSS sugerida que nos permite eliminar el espacio adicional en cada fuente para que podamos diseñar el texto de manera más predecible. Ethan Wang ha escrito sobre esto, incluyendo cómo Microsoft lo ha defendido, y que ahora es parte de la especificación de nivel 3 del módulo de diseño en línea.
Lo usarías así:
h1 { leading-trim: both; text-edge: cap alphabetic;} Esto le dice al navegador que mira el archivo de fuente, profundice en las métricas de OpenType y haga efectivamente lo que Ethan demuestra en este gif:
¿Por qué queremos hacer esto? Bueno, nos permitiría espaciar el texto dentro de un botón correctamente sin ningún truco extraño y también podríamos establecer valores de espacio predecibles entre diferentes tipos de letra. Estoy muy entusiasmado con esta especificación y la propiedad CSS porque nos brinda una herramienta más para controlar el uso de la tipografía en la web, como controlar la altura de la línea.
Enlace directo →
Tal vez te puede interesar:
- La innovación no puede mantener la Web rápida
- Rendimiento web ultrarrápido
- Tabla de contenidos fijos con estados activos de desplazamiento
- “cambiar tamaño: ninguno;” en áreas de texto es una mala experiencia de usuario
Leading-Trim: El futuro de la composición tipográfica digital
leading-trimes una nueva propiedad CSS sugerida que nos permite eliminar el espacio adicional en cada fuente para que podamos diseñar el texto de manera más
programar
es
https://aprendeprogramando.es/static/images/programar-leading-trim-el-futuro-de-la-composicion-tipografica-digital-1689-0.jpg
2024-11-27
Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente