Extensiones de fuentes para navegador - y sus límites
Extensiones como WhatFont y Fontanello permiten identificar fuentes con un hover o clic. Aquí se comparan - y cuándo un escáner URL hace el trabajo mejor.
Extensiones de fuentes populares
WhatFont
Pasa el cursor sobre cualquier texto para ver la familia, tamaño, peso y color. Una de las extensiones de inspección de fuentes más populares.
Pros
- +No requiere DevTools
- +Muestra la fuente al instante
- +Funciona en Chrome y Safari
Cons
- −Un elemento a la vez
- −Sin inventario completo de la página
- −Debe instalarse por navegador
Fontanello
Clic derecho en cualquier texto para ver detalles de la fuente. Disponible para Chrome y Firefox.
Pros
- +Integración en menú contextual
- +Salida clara
- +Funciona en Firefox
Cons
- −Solo elemento por elemento
- −Sin exportación ni inventario completo
Límites comunes de las extensiones de fuentes
- •Las extensiones solo inspeccionan un elemento a la vez - sin inventario completo.
- •No pueden detectar fuentes que están declaradas pero no aplicadas al texto visible.
- •Solo funcionan en el navegador donde están instaladas.
- •Pueden no detectar fuentes web cargadas a través de CSS complejos (ej. reglas @supports condicionales).
Cuándo usar un escáner URL en su lugar
Para un inventario completo de todas las fuentes cargadas por un sitio web - @font-face, Google Fonts, Bunny Fonts, Fontshare - pega la URL abajo. Un escaneo, resultado completo, sin instalación.
Preguntas frecuentes
¿Qué es WhatFont?
WhatFont es una extensión de navegador (Chrome, Safari) que muestra la familia, tamaño, peso y color de cualquier texto sobre el que pases el cursor. Ideal para búsquedas rápidas pero limitada a un elemento a la vez.
¿Existe una alternativa a WhatFont?
Sí - Fontanello funciona en Chrome y Firefox con un menú de clic derecho. Para una auditoría completa sin extensión, pega la URL en el escáner de arriba.
¿Pueden las extensiones detectar todas las fuentes de una página?
No. Las extensiones inspeccionan elementos individuales. No detectan fuentes que están cargadas pero no aplicadas al texto visible. Un escáner URL detecta todo.
¿Necesito instalar algo para usar esta herramienta?
No. Pega cualquier URL y el escáner hace el trabajo en la nube - sin extensión, sin DevTools, sin instalación.