WhatFont – identifica fuentes y tipografías en páginas e imágenes

¿Qué fuente es esta? Identifica la fuente de una página o imagen: familia, tamaño, grosor, color y todas las fuentes del sitio.

¿Qué fuente es esta? Identifica cualquier tipografía de una web o de una imagen — en un clic WhatFont convierte cualquier página en un muestrario tipográfico. Pasa el cursor sobre un texto para ver la fuente realmente renderizada, haz clic para conocer todas sus propiedades CSS, o captura un logo para identificar la tipografía de una imagen. Sin DevTools, sin «Inspeccionar elemento» y sin adivinar. 🔍 IDENTIFICAR LA FUENTE DE CUALQUIER WEB • Pasa el cursor — el aviso muestra la fuente que se renderiza de verdad, no la lista del CSS • Haz clic para verlo todo: familia, tamaño, interlineado, grosor, estilo y espaciado • La pila de fuentes completa, con la familia que el navegador eligió realmente destacada • Las flechas recorren la estructura de la página: hasta el pie de foto más pequeño es accesible 🖼️ ENCONTRAR LA FUENTE DE UNA IMAGEN O UN LOGO • Selecciona cualquier zona de la pantalla: logo, banner, captura, fotograma de vídeo • Envíala a la búsqueda visual de Adobe Fonts o WhatTheFont con un clic • O guarda el recorte en PNG y cópialo al portapapeles 🗂️ TODAS LAS FUENTES DE LA PÁGINA • Un clic enumera cada tipografía que usa la página • De cada una: cuántos elementos, qué grosores y qué tamaños • Copia el nombre o salta directamente a ese texto en la página 🎨 COLORES, CONTRASTE Y CSS LISTO PARA PEGAR • Color del texto en HEX y RGB — haz clic en cualquier valor para copiarlo • Ratio de contraste WCAG contra el fondo real, con veredicto AA / AAA • Copiar CSS: toda la declaración de fuente, lista para pegar en tu hoja de estilos • Origen de la fuente: Google Fonts, Adobe Fonts, la propia web o una fuente del sistema, con enlace ⚡ CÓMO FUNCIONA 1. Haz clic en el icono de WhatFont o pulsa Alt+Shift+F 2. Pasa el cursor sobre un texto para ver su fuente 3. Haz clic en el texto para el detalle, o pulsa Capture para identificar una fuente en una imagen 4. Esc desactiva el inspector PARA DISEÑADORES Y DESARROLLADORES Reúne referencias tipográficas, reconstruye un sistema de diseño, acierta con la fuente corporativa de un cliente, comprueba la accesibilidad de los colores de texto o responde en segundos a «¿qué fuente usa esta web?». 🔒 PRIVACIDAD WhatFont funciona dentro de tu navegador y no recopila ni transmite datos de tu navegación. Una imagen capturada solo sale del navegador cuando tú eliges un servicio de búsqueda. ——————————— WhatFont — a free font finder and font identifier for Chrome. Hover over text to see what font a website uses, inspect the full CSS spec (family, size, weight, colour), check WCAG contrast, list every font on the page, and identify fonts from images, logos and screenshots with Adobe Fonts or WhatTheFont visual search.