Elegir una buena fuente para un sitio web es solo el comienzo: el grosor, el estilo, el espaciado y la decoración del texto abren muchas posibilidades, pero en ocasiones hacen falta herramientas adicionales para que los textos destaquen visualmente. Esta guía repasa cinco propiedades CSS relativamente poco conocidas que permiten llevar la tipografía web un paso más allá, con implementaciones sencillas que se pueden combinar con otras ideas.
La primera propiedad es background-clip, que desde finales de la década de 2000 permite rellenar letras con imágenes o degradados mediante el valor text, produciendo llamativos calados en los caracteres. Le siguen vertical-align, pensada originalmente para alinear contenido dentro de celdas de tablas y útil hoy para alinear elementos en línea respecto al texto, y align-content, que sí permite centrar texto verticalmente dentro de un bloque sin necesidad de flexbox ni grid.
En tercer lugar se presenta box-decoration-break (también conocida como box-decoration-mode), pensada para cuando un texto se rompe entre líneas, columnas o páginas: con el valor clone se consigue que cada fragmento conserve los bordes, sombras y radios del elemento original, evitando bordes irregulares. La cuarta es letter-spacing, infravalorada tanto por su valor estético como por sus posibilidades de animación, ya que permite ensanchar o comprimir el espacio entre caracteres para lograr efectos de revelado de texto.
Por último, text-combine-upright está diseñada para la tipografía de Asia oriental y permite escribir texto horizontal dentro de un flujo vertical combinando varios caracteres en el espacio de uno, lo que resulta útil para fechas, unidades o símbolos en diseños verticales. En conjunto, estas cinco propiedades ofrecen una base sólida para entender cómo CSS aborda la tipografía y qué aspectos se pueden controlar para lograr acabados más cuidados.