¿Cuántas fuentes debe tener un sitio web? la respuesta de dos familias, hecha correctamente

design · Oct 6, 2026 · 5 min read

uno o dos. esa es la respuesta completa, y el resto de esta publicación trata de hacerlo correctamente, porque el fallo interesante no son las "siete fuentes", sino el emparejamiento de dos fuentes mal elegido, o la fuente cuyo peso los archivos cuestan silenciosamente unos segundos.

por qué el techo es dos

cada tipo de letra en la página es una voz. una voz, utilizada en distintos pesos y tamaños, se lee como intencional, como una persona que habla en su propio tono en todas partes. cada voz adicional plantea la pregunta "¿por qué esto suena diferente?", y los visitantes sienten la inconsistencia antes de poder nombrarlo. la página de fuentes múltiples es la prima tipográfica de la página de demasiados colores y aparece en la misma lista de indicadores en what makes a website look cheap.

La página de profesionales que admiras probablemente utilice una familia. su riqueza proviene de pesos (normal, medio, negrita) y de escala: tres o cuatro tamaños de texto, utilizados de manera consistente. variedad de jerarquía, uniformidad de familia.

el patrón de dos familias, si tomas el segundo

la división clásica que funciona: una fuente para mostrar para los títulos, un caballo de batalla para todo lo demás. la fuente para mostrar tiene personalidad; el martillo lleva párrafos, formularios y botones. las reglas de emparejamiento que evitan que salga mal:

• contraste en un eje. elige una visualización serif sobre un cuerpo sin cuerpo, o una visualización geométrica sobre un cuerpo humanista: fuentes que difieren claramente. dos fuentes que casi coinciden se leen como un error, no como una elección.

• el caballo de batalla realmente debe funcionar. los títulos aparecen en docenas de tamaños; El cuerpo del texto contiene cientos de palabras en una pantalla. Pruebe la fuente del cuerpo en tamaños pequeños en un teléfono antes de comprometerse con ella por su personalidad.

• la tercera fuente necesita un trabajo. ocasionalmente un mono para el código, un script para un elemento de firma. ese es un rol con un nombre y un lugar donde aparecer; en el momento en que la fuente "especial" aparece en tres lugares, es decoración y debe desaparecer.

  el costo que nadie te cotiza: archivos de fuentes

Aquí está la parte que hace que la elección de la fuente sea una decisión de rendimiento, no sólo estética. cada peso de fuente que carga es un archivo que el navegador del visitante debe descargar antes de que el texto se vea bien. una familia utilizada a cuatro pesos son cuatro archivos; dos familias con tres pesos cada una son seis. y el texto es visible en la primera pintura, por lo que los archivos de fuentes se ubican directamente en la ruta de carga que mide core web vitals; la fuente lenta aparece como un intercambio de texto invisible tarde, lo que los visitantes perciben como una basura.

las reglas que lo mantienen rápido: dos pesos suelen ser suficientes (normal, en negrita); cargue solo los caracteres que necesita (subconjunto); y prefieren formatos modernos. Una de las mejoras de velocidad más silenciosas en la mayoría de los sitios es simplemente eliminar los tres pesos que de todos modos nadie puede distinguir.

cómo elegir sin diseñador

• Quédese con la fuente del sistema. Realmente subestimada: la fuente nativa del dispositivo del visitante se carga instantáneamente, se lee perfectamente y no cuesta nada. Este sitio utiliza una pantalla personalizada, pero el sistema se acumula para gran parte del trabajo; la combinación es deliberada.

• si opta por una opción personalizada, elija una familia con muchos pesos y úsela en lugar de una segunda familia. una fuente variable puede contener todos los pesos en un solo archivo, lo cual es lo mejor de ambos.

• roba el emparejamiento, no el sitio. cuando veas un sitio cuyo tipo admiras, inspecciónalo: las fuentes utilizadas, cuántos pesos, qué fuente hace los títulos. la imitación de la estructura es la forma en que se entrena el gusto.

  Preguntas frecuentes: las preguntas que realmente recibo

¿Las fuentes de plantilla predeterminadas son malas?

son seguros y se usan en exceso, lo cual es una verdadera queja, ya que parecerse a cualquier otro sitio es su propio problema. pero simplemente cambiar la fuente del título, manteniendo el cuerpo, transforma la sensación de una hora de trabajo.

¿Puedo usar la fuente de mi logotipo en el sitio web?

a menudo, mal: las fuentes de logotipos son diseños de visualización con conjuntos de caracteres diminutos. si tiene un alfabeto completo con pesos legibles, utilícelo sólo para los títulos. nunca para el cuerpo del texto.

¿Tengo que pagar por las fuentes?

Muchas familias excelentes son gratuitas (Google Fonts licencia todo para uso web). las fuentes pagas compran distinción, no calidad; pague cuando todas las opciones gratuitas se consideren utilizadas, no como predeterminadas.