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.