Tipografía en el diseño web: la forma más silenciosa de parecer caro

La mayoría de los dueños de negocios piden opiniones sobre logotipos, colores e imágenes cuando encargan una web. Muy pocos preguntan por la tipografía. Es una oportunidad perdida, porque la tipografía hace más trabajo visual en una web que cualquier otro elemento por sí solo. La elección de tipos, tamaños y espaciado decide si un sitio se siente caro, cuidado y de fiar, o aficionado y de plantilla.

La buena tipografía es invisible. La mala tipografía también lo es para el ojo poco atento, pero deja escapar la sensación de que «esta marca no está del todo cohesionada», rebajando la calidad percibida sin que nadie sepa explicar por qué. Esto es lo que de verdad parece una buena tipografía web, y cómo lograrla sin convertirte en diseñador.

Dos tipografías, no cinco

El error de aficionado en la mayoría de las webs es usar demasiadas fuentes: un titular con serifa, un cuerpo de texto sin serifa, una caligráfica para el logotipo, una cursiva para las citas y una fuente aparte para los botones. El resultado parece un muestrario tipográfico en lugar de una marca.

El estándar profesional son dos tipografías: una para los titulares (con más carácter, marca la personalidad) y otra para el cuerpo de texto (una fuente de trabajo que se lee bien en tamaños pequeños). A veces una tercera para usos muy concretos, como tablas de datos o código. Cualquier cosa más allá de eso necesita una buena razón.

Serifa o sin serifa no es la pregunta

La vieja regla de que las serifas son formales y las sin serifa son modernas está desfasada. En 2026, una serifa bien compuesta puede parecer más contemporánea que una sin serifa mal compuesta, y viceversa. Las verdaderas preguntas son: ¿tiene esta tipografía suficientes pesos para cada caso de uso (regular, negrita, fina y cursiva como mínimo)? ¿Se renderiza bien en los tamaños que usa el diseño? ¿Encaja con el tono de la marca?

El Sydney Morning Herald usa serifas y transmite autoridad. Stripe usa sin serifa y transmite precisión. Ambos parecen caros. La elección entre serifa y sin serifa importa menos que elegir una tipografía diseñada con cuidado.

Tamaño y jerarquía

Un buen sistema tipográfico tiene una escala clara. Una escala modular típica para una web de negocio podría ser: 12px (leyendas), 16px (cuerpo), 18px (párrafos de entrada), 24px (H3), 32px (H2), 48px (H1), 64px (titular principal). Cada paso es un múltiplo deliberado del anterior.

Los sitios que eligen los tamaños sobre la marcha («este título necesita ser un poco más pequeño», «este un poco más grande») acaban con once tamaños distintos por toda la web y sin ritmo visual. Fija la escala pronto y luego resiste la tentación de inventar tamaños nuevos.

El interlineado importa más de lo que crees

El espacio entre líneas de texto (line-height en CSS) es uno de los factores más subestimados de la tipografía. Un cuerpo de texto con interlineado de 1,5 a 1,7 se siente relajado y fácil de leer. Con 1,2 se siente apretado y aficionado. Los titulares suelen querer un interlineado más ajustado (1,1 a 1,2) para sentirse sólidos.

La mayoría de los temas de WordPress vienen con un interlineado de 1,5 y nunca se ajustan. La mejora de dedicar media hora a ajustar los interlineados de toda la web se nota de forma consistente.

La medida: la longitud de la línea

La longitud de línea óptima para leer está entre 50 y 75 caracteres. Más ancha, y el ojo pierde de vista en qué línea va. Más estrecha, y el ritmo se vuelve entrecortado.

En una web típica de WordPress, la columna de contenido debería tener aproximadamente entre 680 y 780 píxeles de ancho para una lectura cómoda. Los sitios que dejan que el texto ocupe todo el ancho de un monitor de escritorio empeoran, sin querer, la experiencia de lectura.

Fuentes gratuitas que parecen caras

Las fuentes de calidad ya no son cuestión de presupuesto. Google Fonts y Bunny Fonts alojan miles de tipografías gratis. Algunas que combinan especialmente bien para webs de negocio en 2026: Inter (una sin serifa moderna y limpia), Manrope (una sin serifa con algo más de carácter), Source Serif 4 (una excelente serifa de texto), Fraunces (una serifa de titular de alto contraste) e IBM Plex (toda una familia que combina bien).

No necesitas tipografía de pago para parecer caro. Necesitas una tipografía elegida con cuidado y aplicada con coherencia.

Donde fallan la mayoría de los sitios

El fallo tipográfico más común en una web de negocio es heredar los estilos por defecto del tema y no cambiarlos nunca. El tema eligió una fuente genérica, fijó un interlineado genérico y usa un único peso en todas partes. El sitio es técnicamente funcional, y también se ve indistinguible de otros mil sitios que usan el mismo tema.

La solución es un repaso tipográfico de un día: elige dos tipografías, fija una escala de tamaños, ajusta los interlineados a conciencia, limita la medida del cuerpo y aplica los cambios con coherencia. El equipo de diseño web de Defyn hace este tipo de repaso tipográfico como parte de la mayoría de sus renovaciones de diseño, y la subida de calidad percibida suele notarse dentro del primer día de trabajo.

La tipografía es la inversión de marca más silenciosa que puede hacer un negocio. También es una de las de mayor retorno. Acierta una vez y cada página que publiques durante los próximos tres años se sentirá cuidada.