Descubre las fuentes que usa cualquier sitio web
10 / 10Pega una URL: detectamos las @font-face, Google Fonts, Adobe Fonts y los archivos alojados en el propio sitio, y te permitimos descargarlos.
Cómo funciona el extractor de fuentes
Descubre qué fuentes usa cualquier sitio web. Analiza una URL, identifica todas las tipografías cargadas y descarga los archivos de las fuentes.
Analiza cualquier sitio web
Escribe una URL y la herramienta cargará la página en un navegador headless para detectar todas las fuentes cargadas mediante CSS, Google Fonts, Adobe Fonts o reglas @font-face propias.
Identifica las fuentes
Consulta la lista completa de familias de fuentes, grosores y estilos que usa la página. Para cada fuente verás desde dónde se carga y qué reglas CSS la usan.
Descarga los archivos de fuentes
Descarga las fuentes web detectadas directamente desde el servidor de origen. Los archivos se empaquetan en un ZIP en su formato original: WOFF2, WOFF, TTF u OTF.
Respeta las licencias
El extractor muestra los nombres y el origen de las fuentes para ayudarte a identificar tipografías. Comprueba siempre la licencia antes de usar las fuentes descargadas en tus propios proyectos.
Preguntas frecuentes
La herramienta detecta las fuentes cargadas mediante CSS: @font-face, Google Fonts, Adobe Fonts y otras fuentes alojadas en CDN. No detecta fuentes renderizadas como imágenes, incrustadas en trazados SVG o cargadas mediante bibliotecas de renderizado en JavaScript.
Descargar archivos de fuentes para identificarlas no suele plantear problemas. Sin embargo, poder usarlas en tus propios proyectos depende de la licencia de la fuente. Muchas fuentes web tienen licencia solo para dominios concretos. Comprueba siempre los términos de la licencia antes de usar comercialmente las fuentes extraídas.
Algunos sitios cargan las fuentes de forma diferida (solo cuando el contenido aparece al desplazarse), tras un inicio de sesión o mediante cargadores de fuentes en JavaScript. En esos casos, puede que el navegador headless no llegue a descargar la fuente durante la carga inicial de la página.
Para cada fuente detectada verás el nombre de la familia, el grosor, el estilo (normal o cursiva), el formato (WOFF2, WOFF, TTF), la URL de origen y los selectores CSS que la usan. Así entenderás exactamente cómo usa el sitio cada tipografía.