La tipografía es el arte de seleccionar, organizar y diseñar tipos de letra (fuentes) para que un texto sea legible, estético y funcional. Abarca todo lo relacionado con la forma, el estilo, el tamaño, el espaciado y la disposición de los caracteres, ya sea en formato impreso o digital.
25 años de eLearning en el Ejercito de Tierra
5.1. Tipografía
Composición de textos
Respecto a la composición, es importante distribuir adecuadamente los diferentes textos que se vayan a utilizar. Para ello, el diseñador dispone de diversos elementos, como líneas, bloques de texto, columnas y los blancos de maqueta. Comprender su función permite diseñar composiciones claras y equilibradas. Los principales elementos son:
- Línea: Secuencia de palabras dispuestas sobre un mismo renglón o línea base.
- Párrafos y bloques de texto: Se construyen a partir de líneas, por lo que su longitud y el interlineado —distancia entre líneas— son aspectos fundamentales. Esta unidad de composición presenta principalmente dos problemas: la longitud de la línea, sobre todo si es demasiado larga, y la distribución del espacio entre palabras.
- Columnas: Son una forma específica de organizar los bloques de texto. Generalmente, se recurre a ellas por razones de espacio o de diseño.
- Blancos de maqueta: Son los espacios en blanco situados alrededor de los bloques de texto. No solo cumplen una función estructural, sino que favorecen la legibilidad y aportan un gran valor estético al diseño.
- Mancha de color: Cuando el texto se dispone en una composición, en función de la forma, tamaño y ubicación de los caracteres en el espacio se genera una textura visual conocida como color. Cada tipografía aporta un nivel distinto de densidad visual determinado por su diseño y el grosor de sus trazos, que se denomina valor tonal. No se debe confundir con el color del texto.
En este ejemplo se puede apreciar la aplicación de los conceptos explicados anteriormente: líneas, párrafos y bloques, columnas, los espacios en blanco que rodean al texto —blancos de maqueta— y las manchas de color apreciables como consecuencia de los diferentes grosores del trazo de la fuente utilizada.
Alineación de textos
Una cuestión importante en la composición tipográfica es la alineación de un texto, ya que influye en la legibilidad y la percepción visual del contenido. A continuación, se presentan los principales tipos de alineación y sus características más relevantes:
Alineación izquierda:
También conocida como en bandera a la derecha. Consiste en alinear el texto respecto al margen izquierdo generando un contorno irregular en el margen derecho. Se caracteriza por un espacio constate entre palabras que facilita la lectura.
Para el diseño de contenidos digitales, la alineación a la izquierda es la más legible, accesible y coherente, por tanto, la más recomendable.
Alineación derecha:
También conocida como en bandera a la izquierda. Consiste en alinear el texto respecto al margen derecho generando un contorno irregular en el margen izquierdo. También mantiene constante el espacio entre palabras. Se suele emplear en titulares o textos breves, pero es muy poco utilizada en la cultura occidental.
Alineación justificada:
También denominada justificación completa o simétrica. Se caracteriza porque se ajusta el texto tanto en el margen izquierdo como en el derecho, creando un bloque compacto y regular. Al forzar que todas las líneas tengan la misma longitud, se amplía o reduce el espacio entre palabras generando espacios verticales irregulares denominados ríos que interrumpen el flujo visual y dificultan la lectura.
En entornos digitales, sobre todo cuando las columnas de texto son estrechas, no se recomienda la alineación justificada.
Una posible solución al problema de los ríos es la utilización de guiones que consiste en dividir una palabra en dos líneas para mantener fijo el espacio entre palabras. Esta alternativa no se considera recomendable porque suele generar cortes poco naturales que afectan a la legibilidad.
Alineación centrada:
La ordenación de un texto respecto a un eje central se conoce como alineación centrada. Cada línea es equidistante de los márgenes izquierdo y derecho. En este estilo el espacio entre palabras se mantiene uniforme y ambos extremos presentan forma de bandera.
Alineación forzada:
Los programas de edición de texto y maquetación han incorporado un nuevo tipo de justificación conocido como alineación forzada. Gracias a las herramientas específicas que ofrecen estos programas es posible adaptar el texto a formas y dimensiones irregulares. Así, es común encontrar textos que siguen el contorno de una imagen o bloques de texto que se adaptan a perfiles de objetos.
Elección de la tipografía
Para el diseño de un contenido didáctico, otra cuestión fundamental es la elección de la tipografía más adecuada. No es una cuestión estética, sino una decisión pedagógica y estratégica que afecta a la comprensión y a la atención prestada por el estudiante.
Según OpenAI (2026): “La tipografía impacta en la legibilidad y en la comprensión. En pantalla, el texto se percibe con más fatiga que en papel y una tipografía inadecuada puede dificultar el reconocimiento rápido de letras y palabras, aumentar la carga cognitiva, reducir la velocidad lectora y generar el abandono prematuro del contenido. Una buena tipografía facilita el procesamiento visual automático, liberando recursos mentales para el aprendizaje.”
Para la elección de la tipografía se deben tener en cuenta las siguientes cuestiones:
Personalidad del tipo:
Los tipógrafos aprovechan ciertas cualidades inherentes a los tipos para transmitir diferentes sensaciones. Los tipos de palo seco o sans serif (sin remates en el extremo) tienen un aspecto digno y sereno; si además son geométricos, evocan simplicidad y modernidad. Los tipos egipcios transmiten robustez y mecanización, mientras que los tipos manuscritos reflejan delicadeza y refinamiento. Por último, los diseños tipográficos antiguos suelen comunicar seguridad y seriedad.
Legibilidad:
Es la cualidad que permite que un texto se lea con facilidad y debe ser el factor clave para la elección de una tipografía. En interfaces digitales funcionan bien:
- Tipografías palo seco (sans serif o sin remates): Son las más recomendables para el diseño de contenidos digitales por sus espacios abiertos y formas claras y limpias. Por ejemplo, Arial, Verdana, Helvética o Tahoma.
- Tipografías con serif (con remates): El remate debe ser discreto. Por ejemplo, Georgia, Garamond, Palatino.
- Tipografías monoespaciadas: Son las que cada letra, número o símbolo ocupa exactamente el mismo espacio horizontal. Por ejemplo, Courier New y Fira Code.
No se recomienda utilizar fuentes decorativas (Comic Sans) y caligráficas (Brush Script). El motivo es que su estructura irregular, trazos densos y remates complejos perjudican el ritmo de lectura.
Una cuestión a tener en cuenta es que no todas las tipografías son gratuitas. Por ejemplo, Microsoft paga desde 1982 a la empresa Monotype Corporation por la licencia para utilizar la tipografía Arial en su paquete Office. Otras tipografías de pago son Helvetica y Times New Roman.
Se puede utilizar Google Fonts disponible en https://fonts.google.com/ para identificar fuentes tipográficas de código abierto y gratuitas, diseñadas para ser utilizadas en sitios web, aplicaciones y proyectos de diseño gráfico.
Combinación de tipos:
No se deben utilizar más de dos tipografías en un mismo diseño. Por claridad, coherencia y eficiencia cognitiva, emplear más de dos tipos rara vez produce buenos resultados.
Cuando se utilizan dos familias tipográficas sus características deben contrastar para reforzar la jerarquía visual. Por ejemplo, se puede utilizar una tipografía para el título y otra para el resto del texto. Una combinación que funciona es un tipo con serif, como Georgia, para el título y otro palo seco, como Verdana, para el cuerpo del texto.
En general, para destacar ideas clave en un texto el contraste entre diferentes pesos (grosor del trazo) en una misma familia tipográfica resulta más eficaz y armónico que combinar varias fuentes. La escala de grosores incluye variantes como light, regular, medium, bold (negrita), semibold y black. Al utilizar una única tipografía, este diseño mantiene la unidad visual, empleando variaciones en la intensidad del trazo para jerarquizar los conceptos.
Algunos docentes utilizan diversos estilos tipográficos como negrita y cursiva u otros recursos como el subrayado o el cambio de color para destacar una idea. También es habitual observar combinaciones entre ellos, como incorporar una palabra en negrita, cursiva, subrayada y en otro color. Pero según OpenAI 2026: “El uso excesivo de varios recursos simultáneamente puede dificultar la lectura y disminuir la eficacia del mensaje”, por tanto, es poco recomendable. Algunas reflexiones sobre esta cuestión:
- El recurso del subrayado no es recomendable porque dificulta el reconocimiento rápido de caracteres y, consecuentemente, disminuye la legibilidad. Además, desde que se popularizó Internet una palabra subrayada se asocia con un hipertexto (enlace).
- Se utiliza el estilo cursiva para palabras en lengua extranjera que no están adaptadas al español; por ejemplo feedback. No se recomienda su uso en textos extensos, ya que su inclinación y formas irregulares fatigan al lector.
- El cambio de color es un recurso que funciona bien si se utiliza con coherencia, pero hay que tener en cuenta que el exceso de estímulos reduce la claridad del mensaje. Utilizar muchos colores de forma desordenada (verbena de color) tiene efectos negativos para la lectura y el aprendizaje.
Para destacar un concepto se recomienda utilizar el estilo negrita.
Espaciado:
La separación entre letras y entre palabras en una línea es otro factor importante para aprovechar al máximo las cualidades de una tipografía. Un espaciado reducido genera confusión en la lectura, mientras que si es excesivo provoca una fragmentación visual del texto que afecta a su cohesión y fluidez. La mayoría de las aplicaciones ajustan el espaciado automáticamente.
Tamaño:
El tamaño de la tipografía es una cuestión clave para la legibilidad de un texto. Debe estar en armonía con el diseño y adaptado a diferentes dispositivos. También debe ser coherente con los principios de accesibilidad. El tamaño de una tipografía se expresa en puntos tipográficos o simplemente puntos. Según el contexto, los tamaños recomendados son:
- Cuerpo de texto:
- Móviles: 16 px
- Tabletas: 16-18 px
- Ordenadores: 16-20 px
- Recomendación estándar: 16 px es un tamaño adecuado para la mayoría de los dispositivos. Además, respeta los criterios de accesibilidad.
- Títulos o encabezados:
- H1 (título principal): 32-48 px
- H2 (subtítulos nivel 1): 24-26 px
- H3 (subtítulos nivel 2): 18-24 px
- Los títulos deben destacar respecto al cuerpo de texto.
- Elementos secundarios (menús, botones, notas):
- Téxto en botones: 16-14 px
- Pie de página y etiquetas: mínimo 12 px
- Como recomendación general, se debe evitar el uso de tamaños de menos de 12 px; dificulta la lectura, especialmente, en pantallas pequeñas.
Interlineado:
El interlineado, o espacio entre líneas, también influye en la legibilidad de un texto. Si es reducido dificulta la lectura y genera distracción; si es excesivo fragmenta el bloque de texto y afecta su cohesión visual.
El interlineado habitual es entre 1,4 y 1,6 veces el tamaño de la fuente, es decir, entre 140% y 160% del tamaño de la tipografía. Por ejemplo, para un texto de 16 px el interlineado debe estar entre 22 y 26 px. La mayoría de las aplicaciones ajustan el interlineado automáticamente.
Peso:
Como ya se ha indicado, el peso de una tipografía se refiere al grosor del trazo e influye en la legibilidad. Si es muy ligero puede ser casi imperceptible y si es demasiado pesado tiende a cerrar los blancos internos de los caracteres dificultando la lectura.
Color:
El uso del color en la composición de texto tiene un papel fundamental. Existen muchas combinaciones posibles, pero es importante asegurarse de que el contraste entre el color del texto y el del fondo sea adecuado para facilitar la lectura.
Composición:
La composición se refiere al proceso de organizar y disponer el texto en una superficie –como una página, pantalla o cartel– siguiendo criterios de legibilidad, estética y jerarquía visual. La composición alineada a la izquierda es la más legible. Desde una perspectiva más amplia, implica tomar decisiones sobre aspectos como:
- Selección de tipografías: Familia, estilo y peso.
- Tamaño del texto.
- Interlineado: Espacio entre líneas.
- Longitud de línea.
- Alineación del texto: Izquierda, derecha, centrado y justificado.
- Jerarquía visual: Títulos, subtítulos y cuerpo de texto.
- Relación con otros elementos gráficos: Imágenes, márgenes y columnas.
El objetivo principal es lograr que el texto no solo se lea fácilmente, sino que también comunique eficazmente el mensaje y genere una experiencia visual adecuada para el lector.
En resumen, la composición tipográfica combina funcionalidad (legibilidad) y expresión estética, siendo un pilar fundamental del diseño gráfico.
Este ejemplo está basado en el presentado por Williams R. (2015) con algunas modificaciones para ajustarlo a este contexto. El libro de Williams incluye ejemplos sobre cómo combinar todo lo explicado en este apartado con la finalidad de construir un mensaje que comunice con eficacia.
Obra publicada con Licencia Creative Commons Reconocimiento No comercial 4.0