Principios esenciales del diseño tipográfico

Dominar los fundamentos tipográficos no es memorizar reglas: es comprender los principios visuales y funcionales que hacen que un texto sea legible, coherente y expresivo.

La tipografía no es decoración: es el sistema mediante el cual el lenguaje escrito toma forma visual. Comprender sus fundamentos es la base de toda práctica de diseño gráfico, editorial o digital.

Escala tipográfica y jerarquía de cuerpos

El cuerpo de texto —o tamaño de fuente— se mide en puntos tipográficos desde los primeros sistemas de Fournier y Didot en el siglo XVIII. Un punto equivale a 1/72 de pulgada en el sistema anglosajón adoptado por Adobe y los sistemas de composición digital. Sin embargo, el tamaño nominal de una fuente no determina directamente su tamaño aparente en impresión o pantalla.

El tamaño aparente depende principalmente de la altura de la "x" minúscula —la altura x— en relación con el cuerpo total. Una fuente con altura x alta parece más grande al mismo tamaño nominal que una con altura x baja. Esto tiene implicancias prácticas directas: mezclar familias tipográficas a tamaño nominal idéntico puede producir desequilibrios ópticos notables.

Para establecer una jerarquía tipográfica clara, la escala debe ser suficientemente contrastante como para que el lector perciba las diferencias de nivel, pero no tan extrema como para crear discontinuidades visuales perturbadoras. Las escalas modulares —basadas en proporciones matemáticas como la proporción áurea, la quinta perfecta o la escala mayor diatónica— ofrecen una base racional que puede ajustarse según el contexto.

El sistema de espaciados: kern, track y lead

El kerning es el ajuste del espacio entre pares de letras específicos. Todos los sistemas de composición modernos incluyen tablas de kerning en los archivos de fuente que compensan las inconsistencias ópticas que resultarían de aplicar un espaciado uniforme. El kerning manual es necesario en titulares de gran tamaño donde las imperfecciones ópticas se amplifican.

El tracking (o espaciado global de letras) ajusta el espacio entre todos los caracteres de un texto de manera uniforme. Un tracking ligeramente positivo mejora la legibilidad en cuerpos pequeños y en familias de palo seco; un tracking negativo puede usarse con discernimiento en titulares grandes donde las letras parecen "flotantes". El tracking excesivo —un defecto común en el trabajo amateur— destruye la cohesión de las palabras y deteriora la lecturabilidad.

El interlineado (o leading, del plomo que en la tipografía metálica separaba las líneas) es probablemente la variable tipográfica con mayor impacto en el confort de lectura. Un interlineado insuficiente hace que el ojo se pierda al saltar de una línea a la siguiente; un interlineado excesivo genera una sensación de fragmentación que interrumpe el flujo de lectura. El rango apropiado para texto de cuerpo es típicamente 120–145% del tamaño de fuente, aunque la longitud de la línea, el diseño específico de la fuente y el medio de lectura inciden significativamente.

Regla práctica para interlineado

Para texto corrido en cuerpos entre 10 y 16 puntos, comenzar con un interlineado de 1.4× el tamaño de fuente y ajustar según la longitud de línea: a mayor longitud de línea, mayor interlineado necesario para que el ojo pueda seguir el retorno sin perderse.

Longitud de línea y columnas

La longitud de línea óptima para lectura cómoda se sitúa entre 45 y 75 caracteres por línea (incluyendo espacios), con un valor ideal cercano a 65. Líneas más cortas generan demasiados saltos; líneas más largas dificultan el retorno del ojo al inicio de la siguiente. Esta medida, expresada en la práctica como número de palabras por línea, varía según el tamaño de letra y el idioma: el español, más largo en promedio que el inglés, tenderá a líneas con menor número de palabras por longitud equivalente.

Contraste tipográfico: peso, estilo y familia

El contraste tipográfico —la diferencia visual entre elementos de diferente nivel jerárquico— puede establecerse mediante variaciones de peso (regular vs. bold vs. black), estilo (redondo vs. itálico), tamaño, familia (serif vs. sans-serif), color o mayúsculas/versalitas. La elección del mecanismo de contraste determina el carácter visual del texto.

La combinación de familias tipográficas —una de las decisiones más complejas del diseño— requiere tanto criterio estético como comprensión técnica. Los emparejamientos más efectivos suelen respetar el principio de "contraste sin conflicto": dos familias que difieren en clasificación (serif + sans-serif) pero que comparten proporciones estructurales similares (altura x comparable, peso de trazo compatible). Las familias "súper" que incluyen variantes serif y sans-serif —como FF Scala / FF Scala Sans o Alegreya / Alegreya Sans— simplifican este problema al garantizar compatibilidad de diseño.

Alineación: una decisión con consecuencias

La alineación del texto tiene tanto implicancias funcionales como culturales. El texto justificado —alineado en ambos márgenes— domina en la tipografía editorial impresa occidental, especialmente en libros y diarios. La justificación produce márgenes limpios y un bloque de texto compacto, pero puede generar "ríos" —espacios internos que forman líneas diagonales visibles— cuando no se gestiona con algoritmos de composición sofisticados o con guionado apropiado.

El texto alineado a la izquierda (ragged right) es prevalente en pantalla y en diseño contemporáneo de publicidad e interfaz. Ofrece espaciado interpalabra consistente, lo que facilita la lectura, y evita los ríos de la justificación, pero puede producir una rag (margen irregular derecho) molesta si el algoritmo de corte no está bien ajustado.

Mayúsculas, versalitas y su uso apropiado

Las letras mayúsculas están diseñadas para usarse con las mayúsculas propias del contexto: inicios de oración, nombres propios, acrónimos. Un texto completamente en mayúsculas pierde la forma de las palabras —que reconocemos por su silueta global, no letra a letra— y resulta hasta un 13% más lento de leer, según investigaciones de Kenneth Rayner en procesamiento visual del lenguaje escrito.

Las versalitas —mayúsculas de la altura de la x minúscula— son una alternativa elegante para los contextos que requieren enfatizar sin interrumpir el flujo del texto: siglas, nombres propios en textos académicos, encabezados discretos. Atención: las "versalitas falsas" generadas electrónicamente achicando las mayúsculas tienen proporciones incorrectas y peso diferente al del resto del texto. Solo las versalitas verdaderas —dibujadas específicamente— funcionan bien tipográficamente.

Comparativa: texto corrido en diferentes contextos

Variable Libro impreso Pantalla web Móvil
Cuerpo de texto 10–12 pt 16–18 px 16–17 px
Interlineado 1.2–1.35× 1.5–1.7× 1.4–1.6×
Longitud de línea 65–75 car. 60–80 car. 35–50 car.
Alineación recomendada Justificada con guionado A la izquierda A la izquierda
Familia tipográfica Serif clásica o transicional Serif o sans-serif diseñada para pantalla Sans-serif humanística

Principios para la práctica diaria

La aplicación cotidiana de los fundamentos tipográficos requiere desarrollar un ojo crítico que se entrena con la observación deliberada. Analizar cómo los tipógrafos de referencia han resuelto los problemas comunes —la escala, el espaciado, la combinación de familias— es el camino más eficiente para internalizar principios que luego pueden aplicarse con flexibilidad y criterio propio.

VO
Valentina Orozco

Directora editorial de Envriko. Diseñadora gráfica egresada de la FADU/UBA. Docente de Tipografía en la Universidad de Palermo.

Dudas comunes sobre fundamentos tipográficos

La respuesta estándar es "no más de dos o tres", pero lo que importa no es el número sino la coherencia del sistema. Una sola familia bien elegida, con suficiente variación de pesos y estilos, puede articular jerarquías tipográficas complejas. Agregar familias adicionales sin un propósito claro crea ruido visual. Si se usan dos familias, la segunda debe cumplir una función específica diferenciada de la primera.

Para texto corrido de cuerpo, el kerning integrado en el archivo de fuente (kerning óptico activado en el software de composición) es generalmente suficiente. Para titulares de gran tamaño —a partir de aproximadamente 36 puntos— el ajuste manual de pares específicos mejora notablemente el resultado. Los pares más problemáticos son las combinaciones con A, V, T, Y, W cuando se juntan con letras de perfil recto.

Los puntos (pt) son la unidad de la tipografía impresa, equivalentes a 1/72 de pulgada. Los píxeles (px) son unidades absolutas de pantalla, aunque en pantallas Retina/HiDPI un "px CSS" equivale a varios píxeles físicos. Los em son unidades relativas: 1em equivale al tamaño de fuente del elemento padre. Para diseño web accesible, se recomienda usar rem (relativo al tamaño de fuente raíz del documento) para los cuerpos de texto, lo que permite que la tipografía escale cuando el usuario ajusta el tamaño base del navegador.

El texto completamente en mayúsculas tiene usos específicos y limitados: etiquetas de pocas palabras (como categorías o llamadas a la acción cortas), siglas y acrónimos, y ciertos contextos de diseño de alta moda donde la densidad formal es intencional. Para cualquier bloque de texto de más de tres o cuatro palabras destinado a lectura continua, las mayúsculas deterioran significativamente la velocidad y el confort de lectura. Si se necesita énfasis formal, las versalitas son una alternativa superior para textos de mayor extensión.