La composición tipográfica es la realización de una escritura en bloque que se forma mediante el uso de tipos agrupados a partir de ordenaciones. Se trata del proceso de organizar y disponer los elementos tipográficos —letras, signos de puntuación, espacios y demás glifos— para que el texto comunique de manera clara, legible y estéticamente coherente.
La composición tipográfica utiliza los pasos anteriores de diseño de un tipo de letra y su almacenamiento de alguna manera. La composición tipográfica consiste en tomar las letras almacenadas (llamadas "tipos" en los sistemas mecánicos y "glifos" en los sistemas digitales) y ordenarlas a la manera de la ortografía de un idioma para mostrarlas en una página. Además de colocar los caracteres, la composición controla aspectos como el espacio entre letras y líneas, la medida de las columnas, la alineación y la jerarquía visual.
Técnicas y elementos fundamentales
- Kerning (interletrado): ajuste del espacio entre pares de letras concretos para evitar huecos visuales y lograr un espaciado homogéneo.
- Tracking (espaciado o seguimiento): modificación uniforme del espacio entre todos los caracteres de un bloque de texto.
- Interlineado (leading): distancia entre líneas de texto; influye directamente en la legibilidad. Se mide normalmente como porcentaje del tamaño de la fuente.
- Medida o longitud de línea: número de caracteres por línea. Para texto corrido se recomienda entre 45 y 75 caracteres por línea para facilitar la lectura.
- Alineación: izquierda, derecha, centrada o justificada. La alineación afecta el ritmo visual; la izquierda suele ser la más legible en bloque largo.
- Columnas y rejilla (grid): estructuras que ordenan el contenido y facilitan la consistencia tipográfica en publicaciones impresas y digitales.
- Jerarquía tipográfica: uso de tamaños, pesos y estilos para distinguir títulos, subtítulos y cuerpo de texto, guiando al lector a través del contenido.
- Ligaduras: combinaciones tipográficas (como fi, fl) que evitan colisiones y mejoran el aspecto del texto.
- Control de hifenación: decidir cuándo y cómo separar palabras al final de línea para mantener una apariencia limpia sin romper la legibilidad.
- Color tipográfico: densidad visual de un bloque de texto (no solo color cromático), que depende del peso de la fuente, tamaño, interlineado y espaciado.
- Tipografía web y responsive: uso de unidades relativas (em, rem), medias queries, fuentes variables y propiedades CSS (font-family, font-size, line-height, letter-spacing, hyphens) para que el texto se adapte a distintos dispositivos.
Términos clave (glosario básico)
- Tipografía: arte y técnica de diseñar, seleccionar y componer tipos para la comunicación escrita.
- Fuente (font): conjunto de glifos con un estilo y un tamaño concreto. En términos modernos, a menudo se usa como sinónimo de familia tipográfica.
- Familia tipográfica: conjunto de variantes (regular, bold, italic, etc.) que comparten rasgos y diseño común.
- Glifo: representación visual de un carácter. Un mismo carácter puede tener distintos glifos según la fuente o el contexto.
- Serif / Sans-serif: serifas son pequeños remates en los extremos de las letras; sans-serif son sin remates. Cada una tiene aplicaciones típicas: serif para textos largos impresos, sans-serif para interfaces y pantallas (aunque hay excepciones).
- Altura de x (x-height): altura de las letras minúsculas sin ascendentes ni descendentes; influye en la legibilidad a tamaños pequeños.
- Ascendente y descendente: partes de las letras que sobresalen por encima de la altura de x (p. ej., "b", "d") o por debajo de la línea base (p. ej., "g", "p").
- Línea base: línea imaginaria sobre la que se asientan la mayoría de las letras.
- Versales y cap heights: mayúsculas y la altura que ocupan.
- Viudas y huérfanas: líneas sueltas al final o al principio de un párrafo que rompen la continuidad visual; deben evitarse cuando es posible.
Buenas prácticas de composición
- Priorizar la legibilidad: tamaño de letra adecuado, contraste suficiente con el fondo y espacio entre líneas correcto.
- No usar muchas familias tipográficas: 2–3 familias como máximo para mantener coherencia.
- Usar la alineación y la jerarquía para guiar la lectura y destacar lo importante.
- Controlar la medida de las líneas y el interlineado para evitar fatiga visual (line-height entre 1.2 y 1.45 para texto de cuerpo suele ser un buen punto de partida).
- Evitar texto en mayúsculas extendido para párrafos largos; reduce la legibilidad.
- En web, usar unidades relativas (em/rem) y comprobar la tipografía en distintos dispositivos y navegadores.
- Considerar la accesibilidad: contraste de color, soporte para tamaños de texto aumentados y lectura por pantalla.
La composición tipográfica combina sensibilidad estética con decisiones técnicas: comprender las técnicas y los términos clave permite crear textos que no solo sean visualmente atractivos, sino también claros y eficaces en su función comunicativa.





