Titulares que nunca se parten mal: «text-balance» y «text-pretty»
Dos utilidades de Tailwind v4 que arreglan un detalle que se nota mucho y casi nadie toca:
text-balanceen titulares (<h1>,<h2>): reparte las palabras entre líneas para que no quede una sola colgando. Adiós a la viuda del titular.text-prettyen párrafos largos: evita esas líneas finales con una palabra suelta.
Una clase, cero CSS custom, y el texto respira mucho mejor en todos los anchos.
¿Qué otro detalle pequeño de tipografía marca la diferencia en tus diseños? 👇
Con el sistema de diseño FDS, ya tenemos preconfigurado el comportamiento de los títulos y la tipografía semántica, con unos valores predeterminados, prinicpalmente añadimos a los títulos siempre text-balance, aunque como el sistema es granular en casos particulares puedes cambiarlo sin dificultad.