La mayor\u00eda de los due\u00f1os de negocios piden opiniones sobre logotipos, colores e im\u00e1genes cuando encargan una web. Muy pocos preguntan por la tipograf\u00eda. Es una oportunidad perdida, porque la tipograf\u00eda hace m\u00e1s trabajo visual en una web que cualquier otro elemento por s\u00ed solo. La elecci\u00f3n de tipos, tama\u00f1os y espaciado decide si un sitio se siente caro, cuidado y de fiar, o aficionado y de plantilla.<\/p>
La buena tipograf\u00eda es invisible. La mala tipograf\u00eda tambi\u00e9n lo es para el ojo poco atento, pero deja escapar la sensaci\u00f3n de que \u00abesta marca no est\u00e1 del todo cohesionada\u00bb, rebajando la calidad percibida sin que nadie sepa explicar por qu\u00e9. Esto es lo que de verdad parece una buena tipograf\u00eda web, y c\u00f3mo lograrla sin convertirte en dise\u00f1ador.<\/p>
El error de aficionado en la mayor\u00eda de las webs es usar demasiadas fuentes: un titular con serifa, un cuerpo de texto sin serifa, una caligr\u00e1fica para el logotipo, una cursiva para las citas y una fuente aparte para los botones. El resultado parece un muestrario tipogr\u00e1fico en lugar de una marca.<\/p>
El est\u00e1ndar profesional son dos tipograf\u00edas: una para los titulares (con m\u00e1s car\u00e1cter, marca la personalidad) y otra para el cuerpo de texto (una fuente de trabajo que se lee bien en tama\u00f1os peque\u00f1os). A veces una tercera para usos muy concretos, como tablas de datos o c\u00f3digo. Cualquier cosa m\u00e1s all\u00e1 de eso necesita una buena raz\u00f3n.<\/p>
La vieja regla de que las serifas son formales y las sin serifa son modernas est\u00e1 desfasada. En 2026, una serifa bien compuesta puede parecer m\u00e1s contempor\u00e1nea que una sin serifa mal compuesta, y viceversa. Las verdaderas preguntas son: \u00bftiene esta tipograf\u00eda suficientes pesos para cada caso de uso (regular, negrita, fina y cursiva como m\u00ednimo)? \u00bfSe renderiza bien en los tama\u00f1os que usa el dise\u00f1o? \u00bfEncaja con el tono de la marca?<\/p>
El Sydney Morning Herald usa serifas y transmite autoridad. Stripe usa sin serifa y transmite precisi\u00f3n. Ambos parecen caros. La elecci\u00f3n entre serifa y sin serifa importa menos que elegir una tipograf\u00eda dise\u00f1ada con cuidado.<\/p>
Un buen sistema tipogr\u00e1fico tiene una escala clara. Una escala modular t\u00edpica para una web de negocio podr\u00eda ser: 12px (leyendas), 16px (cuerpo), 18px (p\u00e1rrafos de entrada), 24px (H3), 32px (H2), 48px (H1), 64px (titular principal). Cada paso es un m\u00faltiplo deliberado del anterior.<\/p>
Los sitios que eligen los tama\u00f1os sobre la marcha (\u00abeste t\u00edtulo necesita ser un poco m\u00e1s peque\u00f1o\u00bb, \u00abeste un poco m\u00e1s grande\u00bb) acaban con once tama\u00f1os distintos por toda la web y sin ritmo visual. Fija la escala pronto y luego resiste la tentaci\u00f3n de inventar tama\u00f1os nuevos.<\/p>
El espacio entre l\u00edneas de texto (line-height en CSS) es uno de los factores m\u00e1s subestimados de la tipograf\u00eda. Un cuerpo de texto con interlineado de 1,5 a 1,7 se siente relajado y f\u00e1cil de leer. Con 1,2 se siente apretado y aficionado. Los titulares suelen querer un interlineado m\u00e1s ajustado (1,1 a 1,2) para sentirse s\u00f3lidos.<\/p>
La mayor\u00eda 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.<\/p>
La longitud de l\u00ednea \u00f3ptima para leer est\u00e1 entre 50 y 75 caracteres. M\u00e1s ancha, y el ojo pierde de vista en qu\u00e9 l\u00ednea va. M\u00e1s estrecha, y el ritmo se vuelve entrecortado.<\/p>
En una web t\u00edpica de WordPress, la columna de contenido deber\u00eda tener aproximadamente entre 680 y 780 p\u00edxeles de ancho para una lectura c\u00f3moda. Los sitios que dejan que el texto ocupe todo el ancho de un monitor de escritorio empeoran, sin querer, la experiencia de lectura.<\/p>
Las fuentes de calidad ya no son cuesti\u00f3n de presupuesto. Google Fonts y Bunny Fonts alojan miles de tipograf\u00edas 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\u00e1s de car\u00e1cter), 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).<\/p>
No necesitas tipograf\u00eda de pago para parecer caro. Necesitas una tipograf\u00eda elegida con cuidado y aplicada con coherencia.<\/p>
El fallo tipogr\u00e1fico m\u00e1s com\u00fan en una web de negocio es heredar los estilos por defecto del tema y no cambiarlos nunca. El tema eligi\u00f3 una fuente gen\u00e9rica, fij\u00f3 un interlineado gen\u00e9rico y usa un \u00fanico peso en todas partes. El sitio es t\u00e9cnicamente funcional, y tambi\u00e9n se ve indistinguible de otros mil sitios que usan el mismo tema.<\/p>