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 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 →






SUSCRÍBETE A NUESTRO BOLETÍN 

No te pierdas de nuestro contenido ni de ninguna de nuestras guías para que puedas avanzar en los juegos que más te gustan.










Al suscribirte, aceptas nuestra política de privacidad y nuestros términos de servicio.






Tal vez te puede interesar:

  1. La innovación no puede mantener la Web rápida
  2. Rendimiento web ultrarrápido
  3. Tabla de contenidos fijos con estados activos de desplazamiento
  4. “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-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://pseint.es/static/images/programar-leading-trim-el-futuro-de-la-composicion-tipografica-digital-1689-0.jpg

2024-06-13

 

Leading-Trim: El futuro de la composición tipográfica digital
Leading-Trim: El futuro de la composición tipográfica digital

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

 

 

Update cookies preferences