Inspecciona fuentes en cualquier página
Pasa el cursor y haz clic en el texto para ver la tipografía, el tamaño, el peso, el estilo y el color en vivo—junto al elemento o en una barra lateral—sin abrir DevTools.
what the font - font finder
Identifica la tipografía y la CSS de cualquier elemento de una página web—familia, tamaño, peso, interlineado, espaciado entre letras, color y contraste—y copia o exporta lo que necesites sin salir de la pestaña.
Diseñado para tipografía en vivo
Funciones
Detalles tipográficos que importan
Consulta el interlineado, el espaciado entre letras, la transformación, la decoración y el contraste (incluidas indicaciones AAA/AA) en un solo panel.
Copia CSS con un clic
Copia la familia tipográfica, el color o un fragmento CSS listo para el elemento que inspeccionaste.
Edita estilos en la página
Ajusta peso, tamaño, espaciado, color y más en el elemento en vivo, y restablece cuando termines de explorar.
Todas las fuentes de la página
Escanea estilos de texto únicos en la página y salta entre ellos al auditar un sistema de diseño.
Exportación y Google Fonts
Exporta tipografía como SCSS o JSON, o abre una búsqueda en Google Fonts para la familia que encontraste.
Simple por diseño
Sobre nosotros
Una extensión de Chrome que revela tipografía en vivo—tipografía, tamaño, peso, color y contraste—para que puedas inspeccionar, copiar y exportar fuentes desde cualquier página web.
- —
- Total de uso publicado
- —
- Número de reseñas verificadas
Chrome Web Store
Usuarios sobre nosotros
Comentarios ilustrativos de ejemplo — las reseñas de Chrome Web Store los reemplazarán cuando estén conectadas.
★★★★★
“Puedo obtener familia, peso y color hex de un sitio en vivo sin abrir DevTools.”
★★★★★
“Copiar CSS y contraste en un solo panel es justo lo que necesito durante las auditorías.”
★★★★★
“Todas las fuentes de la página me ayuda a detectar tipografía inconsistente en una landing page rápidamente.”
Tres pasos rápidos
Cómo usarlo
-
Instala la extensión
Agrega what the font - font finder desde Chrome Web Store y fíjala en la barra de herramientas.
-
Comienza a inspeccionar
Abre la ventana emergente, comienza a inspeccionar y luego pasa el cursor y haz clic en cualquier texto de la página.
-
Copia o exporta
Copia CSS, exporta estilos, abre Google Fonts o consulta todas las fuentes de la página.
Respuestas antes de instalar
Preguntas frecuentes
¿Cómo identifico una fuente en un sitio web?
Instala what the font - font finder, comienza a inspeccionar, pasa el cursor sobre el texto y haz clic para abrir el panel con familia, tamaño, peso y color.
¿Puedo copiar el CSS del texto que veo?
Sí. Desde el panel puedes copiar la familia tipográfica, el color o un fragmento CSS del elemento inspeccionado.
¿Funciona en todas las páginas?
Funciona en pestañas de sitios web normales. Las páginas del sistema de Chrome y algunas URL restringidas no se pueden inspeccionar.
¿Puedo ver todas las fuentes usadas en una página?
Usa Todas las fuentes de la página para listar estilos de texto visibles únicos y abrir cualquiera en el panel de detalles.
¿Puedo cambiar el aspecto mientras inspecciono?
Sí. Edita peso, tamaño, espaciado, color y estilos relacionados en el elemento, y restablece para recuperar el original.
¿Dónde abro Google Fonts?
Cuando la familia parezca buscable, usa la acción de Google Fonts en el panel para abrir una consulta con ese nombre.