Herramientas Guías
design Gratis Sin registro

Herramienta de Combinación de Fuentes

Explore combinaciones curadas de Google Fonts, previsualice texto de encabezado y cuerpo en vivo y copie fragmentos CSS listos para usar.

Cargando la herramienta…

Acerca de esta herramienta

Explore más de 20 combinaciones de fuentes seleccionadas a mano como Playfair Display + Source Sans Pro o Montserrat + Merriweather, o mezcle y combine de una lista curada de 30 fuentes. Las fuentes se cargan dinámicamente a través de la API de Google Fonts para que vea exactamente cómo se verá su texto. Ingrese texto de vista previa personalizado, luego copie el fragmento @import y las declaraciones CSS de font-family para uso inmediato en su proyecto.

Cómo usar

  1. 1 Paso 1: Elija una combinación curada de la galería o cambie al modo Explorar para elegir cualquier fuente de encabezado y fuente de cuerpo de la lista curada de 30 fuentes.
  2. 2 Paso 2: Escriba su propio texto en el panel de vista previa para ver exactamente cómo se verá su contenido con las fuentes seleccionadas.
  3. 3 Paso 3: Ajuste el tamaño de fuente para evaluar la combinación a diferentes escalas como móvil, tableta o escritorio.
  4. 4 Paso 4: Haga clic en 'Copiar CSS' para copiar la URL @import de Google Fonts y las declaraciones font-family listas para pegar en su hoja de estilos.

Preguntas frecuentes

{# Alpine.js — self-hosted. (The previous jsdelivr CDN tag had a stale SRI integrity hash, so the browser refused to run it and window.Alpine was never defined — silently breaking every FAQ accordion and Alpine tool.) #}