Ir al contenido principal
Hablemos
Inicio Servicios Proyectos Blog Sobre mí Contacto Precios Hablemos
Volver al diario Diseño · 3 min de lectura

Tipografía web: texto expresivo y fácil de leer

Una combinación de fuentes puede destacar en una maqueta corta y fallar en un artículo largo. La buena tipografía funciona con titulares reales, idiomas distintos y pantallas estrechas. Parte del contenido y construye un sistema reutilizable.

1. Establece la jerarquía de información

Decide qué debe verse primero, qué se recorrerá rápidamente y qué se leerá con atención. En una página de servicio pueden ser resultado, alcance y condiciones. Los tamaños de títulos deben respaldar ese orden.

Crea pocos estilos: título de página, encabezado de sección, cuerpo, pie y botón. Si cada bloque parece necesitar un tamaño nuevo, revisa la estructura. Quizá el propio contenido ya marque suficientes diferencias.

2. Encuentra una longitud de línea cómoda

Para un artículo, unas 60-70 letras y espacios por línea y un interlineado de 1,5-1,7 pueden servir de punto de partida. Pruébalo con la fuente elegida en vez de tratarlo como una regla universal. Las letras estrechas y anchas producen lecturas diferentes.

No reduzcas el texto móvil solo para mantener la composición del ordenador. Prueba palabras largas, enlaces, números y listas. Una señal práctica: el lector encuentra el inicio de la siguiente línea sin buscarlo.

3. Prueba los idiomas antes de aprobar la fuente

Compón nombres, monedas, fechas y titulares largos en todos los idiomas del proyecto. Comprueba caracteres y pesos. Una buena muestra latina no garantiza un cirílico adecuado; una fuente de sustitución puede alterar el ritmo de la página.

Evita saltos de línea fijos para una única frase. Compara una etiqueta inglesa breve con su traducción larga. Permite que menús y tarjetas crezcan cuando sea necesario, sin recortar contenido para conservar la maqueta.

4. Carga solo lo que se utiliza

Enumera pesos y estilos realmente usados. Dos pesos no siempre justifican cargar toda una familia. Las fuentes variables permiten ajustar varios parámetros en un archivo; los ejes disponibles dependen de la tipografía. Mide el resultado: un único archivo no es siempre más pequeño.

Elige una alternativa adecuada y examina la carga lenta. El texto debe seguir accesible y la fuente definitiva no debe romper la navegación. Comprueba también la licencia de uso en sitios web.

5. Revisa leyendo

Lee un párrafo largo, amplía la vista y navega con el teclado. Comprueba contrastes del cuerpo, enlaces y pies. WCAG 2.2 ofrece requisitos verificables; leer normalmente en varios dispositivos complementa las pruebas.

Presta atención a lo discreto: un pie de foto, una explicación de error o un precio pequeño. Suelen contener información importante. La cursiva decorativa puede destacar un detalle, pero una explicación larga debe resultar cómoda de leer.

El siguiente paso

Prueba la tipografía en la página más larga y con la traducción más exigente. Un sistema que soporta ambas será más fácil de mantener en una cabecera breve.

Fuentes y lecturas recomendadas

Hablemos de tu sitio
Hablemos+++ Hablemos+++ Hablemos+++ Hablemos+++ Hablemos+++ Hablemos+++ Hablemos+++ Hablemos+++ Hablemos+++ Hablemos+++ Hablemos+++ Hablemos+++ Hablemos+++ Hablemos+++ Hablemos+++ Hablemos+++ Hablemos+++ Hablemos+++ Hablemos+++ Hablemos+++
¿Tienes un proyecto?

Creemos tu
producto digital

Sitios web, SaaS, bots e integraciones de IA con alcance, plazos y acompañamiento de lanzamiento definidos.

Ponte en contacto