Reune la muestra de estilo
Abre el sitio que quieres auditar y copia las reglas CSS, estilos inline o valores computados desde DevTools. Para datos de una pagina viva, usa el snippet en una pagina que puedas inspeccionar y pega aqui el JSON copiado.
Detector de Tamano de Fuente para Sitios Web
Pega reglas CSS o JSON de estilos computados desde tu navegador para detectar los tamanos de fuente usados en una pagina web. La herramienta convierte rem, em, porcentajes, pt y px en una tabla practica de pixeles, y muestra line-height, peso y color para auditar tipografia sin adivinar.
Herramienta interactiva
Revisa el tamano de fuente desde CSS o salida del navegador
Este detector de tamano de fuente esta pensado para auditorias reales de sitios web. Pega un bloque CSS, estilos inline o el JSON copiado por el snippet del navegador. No extrae paginas privadas ni evita la seguridad del sitio; analiza estilos que ya puedes inspeccionar.
- Convierte tamanos rem, em, porcentaje, pt y px en pixeles comparables.
- Mantiene selector, line-height, font-weight y color junto a cada resultado.
- Funciona con CSS y JSON de estilos computados de paginas que controlas.
- Separa la deteccion por captura de pantalla de la revision CSS en vivo.
Reglas
0
Rango
-
Comun
-
| Selector | Tamano | Px calculado | Line-height | Peso | Color |
|---|
Como Usar el Detector de Tamano de Fuente
Define el tamano base
La mayoria de sitios usan una raiz de 16px, pero algunos sistemas de diseno la cambian. Ajusta el valor base para que rem, em y porcentajes se conviertan a pixeles realistas.
Compara la tabla tipografica
Revisa selector, tamano declarado, pixeles calculados, line-height, peso y color juntos. Asi puedes detectar titulares inconsistentes, botones pequenos y texto movil debil.
Cuando Ayuda un Verificador de Tamano de Fuente
Pega reglas CSS o JSON de estilos computados desde tu navegador para detectar los tamanos de fuente usados en una pagina web. La herramienta convierte rem, em, porcentajes, pt y px en una tabla practica de pixeles, y muestra line-height, peso y color para auditar tipografia sin adivinar.
Auditar tipografia de landing pages
Comprueba si titulares, subtitulos, botones, tarjetas y FAQ siguen una escala coherente. La tabla hace mas visibles los textos demasiado grandes o pequenos.
Traducir unidades CSS a pixeles
Los handoffs mezclan rem, em, porcentaje y px. Esta herramienta los convierte en una vista comparable para que diseno y desarrollo hablen del mismo tamano.
Revisar muestras responsivas
Pega muestras CSS de escritorio y movil por separado para comparar como cambian los tamanos entre breakpoints antes de ajustar reglas.
Unir tamano, peso y color
El tamano no explica toda la legibilidad. Ver line-height, peso y color junto a cada regla ayuda a diagnosticar texto apretado, pesado o tenue.
Detector de Tamano vs Buscador de Fuentes vs DevTools
Este detector de tamano de fuente esta pensado para auditorias reales de sitios web. Pega un bloque CSS, estilos inline o el JSON copiado por el snippet del navegador. No extrae paginas privadas ni evita la seguridad del sitio; analiza estilos que ya puedes inspeccionar.
Detector de Tamano de Fuente para Sitios Web
Este detector de tamano de fuente esta pensado para auditorias reales de sitios web. Pega un bloque CSS, estilos inline o el JSON copiado por el snippet del navegador. No extrae paginas privadas ni evita la seguridad del sitio; analiza estilos que ya puedes inspeccionar.
- Convierte tamanos rem, em, porcentaje, pt y px en pixeles comparables.
- Mantiene selector, line-height, font-weight y color junto a cada resultado.
- Funciona con CSS y JSON de estilos computados de paginas que controlas.
- Separa la deteccion por captura de pantalla de la revision CSS en vivo.
Ideal para: Revisa el tamano de fuente desde CSS o salida del navegador
Font Finder
Use image-based font detection when the text is in a screenshot, logo, or flattened image.
- Best for screenshots and logos
- Returns probable font names
- Useful when CSS is unavailable
- Less precise for CSS size
Ideal para: image font identification
DevTools
Browser DevTools gives exact values for one live element, while this page helps compare several samples in one table.
- Exact live values
- Good for debugging
- Slower for many samples
- Requires access to the page
Ideal para: single-element inspection
Revisa el tamano de fuente desde CSS o salida del navegador
Este detector de tamano de fuente esta pensado para auditorias reales de sitios web. Pega un bloque CSS, estilos inline o el JSON copiado por el snippet del navegador. No extrae paginas privadas ni evita la seguridad del sitio; analiza estilos que ya puedes inspeccionar.
Cuando Ayuda un Verificador de Tamano de Fuente
Pega reglas CSS o JSON de estilos computados desde tu navegador para detectar los tamanos de fuente usados en una pagina web. La herramienta convierte rem, em, porcentajes, pt y px en una tabla practica de pixeles, y muestra line-height, peso y color para auditar tipografia sin adivinar.
Detector de Tamano vs Buscador de Fuentes vs DevTools
Use this workflow when the question is CSS size, not only the font name.
Preguntas del Detector de Tamano de Fuente
Como reviso el tamano de fuente en un sitio web?
Inspecciona el texto con el navegador, copia la regla CSS o estilo computado y pegalo aqui. La herramienta lee font-size, convierte unidades comunes a pixeles y muestra valores relacionados.
Puede escanear automaticamente cualquier URL?
No. Una herramienta estatica no puede saltar restricciones cross-origin, paginas privadas o seguridad. El flujo fiable es copiar CSS o JSON desde una pagina a la que tienes acceso.
Que diferencia hay entre tamano declarado y px calculado?
El tamano declarado es el valor original, como 1.25rem o 14px. El px calculado es una conversion aproximada usando el tamano base elegido.
Funciona con rem y em?
Si. Convierte rem y em usando el campo de tamano base. Para em, el valor real puede depender del padre, asi que usa JSON computado si necesitas maxima precision.
Por que incluye line-height, peso y color?
La legibilidad depende de mas que el tamano. Esos valores ayudan a entender por que una seccion se siente apretada, pesada o con bajo contraste.
Uso esto o un detector por imagen?
Usa esta pagina para CSS y tamanos de texto vivo. Usa el detector por imagen cuando solo tengas una captura, logo o imagen aplanada.