Cómo saber qué fuente usa una página web

Entras en una página web y la fuente del título te para en seco. Es exactamente el estilo que llevas semanas intentando conseguir en tu propia web. Haces clic derecho, pruebas «inspeccionar», y te encuentras dentro de un muro de CSS por el que tienes que rebuscar solo para encontrar una línea de font-family — si es que la encuentras.

Las formas habituales de encontrar una fuente, y por qué son un fastidio

Las herramientas de desarrollador del navegador funcionan, técnicamente, pero se hicieron para que los desarrolladores depuraran diseños, no para comprobar rápido el nombre de una fuente. Tienes que abrir el inspector, hacer clic en el elemento correcto dentro de un árbol anidado, desplazarte por los estilos calculados, y esperar que la fuente no esté enterrada bajo una docena de variables CSS y listas de alternativas. También existen webs de identificación de fuentes, pero la mayoría quieren que subas una captura de pantalla y luego adivines de una lista de coincidencias visualmente parecidas — lento, y a menudo equivocado.

Dato útil: hay una forma mucho más rápida que se salta ambas por completo — pasas el cursor por el texto y tienes la respuesta al instante, sin captura de pantalla y sin pestaña de herramientas de desarrollador.

La solución: FontMee

FontMee es una extensión de Chrome gratis hecha exactamente para esto. Es un panel lateral que se abre junto a cualquier página, con dos cosas que importan aquí: una herramienta de Inspeccionar que nombra cualquier fuente al instante, y una biblioteca en vivo de más de 1.900 fuentes que puedes aplicar a esa misma página para ver cómo quedaría otra cosa en su lugar — no solo identificar lo que hay, sino probar alternativas de verdad antes de decidir nada.

Cómo identificar una fuente — paso a paso

1. Instala FontMee. Añade FontMee desde la Chrome Web Store. Gratis, sin necesidad de cuenta.
2. Abre el panel en la página en cuestión. Haz clic en el icono de FontMee y el panel lateral se abre junto a la web.
3. Haz clic en Inspeccionar y pasa el cursor por el texto. La familia de fuente exacta, el tamaño, el peso, el interlineado y el espaciado entre letras que realmente se está usando aparece al instante — sin herramientas de desarrollador, sin código fuente.

También es un probador de fuentes en vivo, no solo un identificador

Una vez que sabes qué está usando una página, ahí entra el verdadero valor de FontMee: el mismo panel te deja probar cualquiera de sus más de 1.900 fuentes — el catálogo completo de Google Fonts más exclusivas de Fontshare como Satoshi y Clash Display — directamente sobre esa página en vivo, en tu propio navegador, al instante.

• Cuatro capas independientes — aplica una fuente a todo, solo a los títulos, solo al cuerpo del texto, o a un elemento concreto en el que hagas clic, cada una manteniendo su propia elección
• Elige un elemento concreto — apunta exactamente a un botón, título o párrafo en vez de a toda la página
• CSS listo para copiar — una vez que te has decidido por algo, un clic genera el @import y las reglas listas para pegar en tu propia hoja de estilos
• Sube tus propias fuentes (Pro) — trae las fuentes de marca de un cliente o las que hayas comprado, y previsualízalas en vivo de la misma forma

Nada de lo que hagas toca nunca la web real — recarga la página o cierra la pestaña y todo vuelve a la normalidad para ti y para cualquier otra persona. Es una forma completamente segura de probar «¿y si esto fuera otra fuente?» en tu propia web antes de escribir una sola línea de CSS, o en la de otra persona solo para ver cómo se vería una fuente.

Consigue la extensión

FontMee es gratis, con más de 1.900 fuentes, las cuatro capas, Inspeccionar y Copiar CSS incluidos sin coste. Si pasas algo de tiempo decidiendo fuentes — para tu propia web, la de un cliente, o solo por curiosidad sobre una página que te gusta — convierte el adivinar en algo que realmente puedes ver.

Preguntas frecuentes