Ir al contenido
patrache.tools

Sugerencia de fuentes

Sugerencia de fuentes online y gratuita. Descubre combinaciones de Google Fonts para títulos y cuerpo con vista previa en vivo. En el navegador.

Classic Elegant

El rápido zorro marrón

El rápido zorro marrón salta sobre el perro perezoso. Un buen emparejamiento de fuentes es esencial.

Título: Playfair DisplayCuerpo: Source Sans 3
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Source+Sans+3:wght@400;700&display=swap'); h1, h2, h3 { font-family: 'Playfair Display', serif; } body, p { font-family: 'Source Sans 3', sans-serif; }
lockLos archivos no se envían a ningún servidor
Compartir
Insertar

Inserta esta herramienta en tu sitio

El sugeridor de combinaciones de fuentes es una herramienta online gratuita que recomienda emparejamientos de fuentes.

¿Cómo usar Sugerencia de fuentes?

  1. Selecciona una fuente para títulos o revisa las recomendaciones.
  2. Previsualiza las combinaciones de fuentes para el cuerpo.
  3. Copia el código de Google Fonts de la combinación elegida.

Preguntas frecuentes sobre Sugerencia de fuentes

¿Qué hace una buena combinación de fuentes?

El contraste y la armonía son clave. Usar serif o display para títulos y sans-serif para el cuerpo suele ser una buena combinación.

¿Las fuentes recomendadas son gratuitas?

Sí, todas las fuentes recomendadas son de código abierto de Google Fonts. Se pueden usar libremente en proyectos personales y comerciales.

¿Varias fuentes web ralentizan la página?

Pesan más los grosores que las familias. Un archivo de fuente suele ocupar entre 20 y 40 KB, así que dos familias con dos pesos cada una rondan los 100 KB, algo perfectamente asumible. El problema aparece cuando se carga una misma familia en seis pesos distintos. Una fuente variable cubre todos los grosores desde un solo archivo, y con font-display: swap el texto se muestra enseguida aunque la fuente llegue tarde.

¿Con qué criterio elijo la tipografía del cuerpo de texto?

En el cuerpo de texto, la legibilidad manda sobre el carácter. Busca una altura de x generosa a 16 px, un espaciado entre letras cómodo y formas claramente distintas para 1, l e I, además de 0 y O. Pega un párrafo real de tu propio contenido y léelo en un portátil y en el móvil: eso te dice mucho más que la frase de muestra de un espécimen. Una tipografía con carácter puede sostener los titulares, pero es la discreta del cuerpo la que se sigue leyendo.

¿Cómo aprovechar Sugerencia de fuentes al máximo?

  • Combina una tipografía de titulares con carácter y una de texto neutra: no dos protagonistas.
  • El contraste de grosor (700 frente a 400) suele funcionar mejor que cambiar de familia.
  • Comprueba que la fuente incluya ñ y las vocales acentuadas antes de adoptarla.

Powered by Patrache Studio Tools

Permite anuncios en este sitio

Para usar estas herramientas, permite los anuncios en este sitio. La publicidad mantiene el servicio gratuito.

Abre tu bloqueador, desactívalo para este sitio y vuelve a comprobar.