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.
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.
| Selector | Tamano | Px calculado | Line-height | Peso | Color |
|---|
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. Si comparas dispositivos, guarda una muestra de escritorio y otra movil para no mezclar reglas de distintos breakpoints.
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. Si analizas paginas con distintas configuraciones, usa la raiz real de cada una y no un valor fijo por costumbre.
Revisa selector, tamano declarado, pixeles calculados, line-height, peso y color juntos. Asi puedes detectar titulares inconsistentes, botones pequenos y texto movil debil. Ordena las muestras por seccion y compara grupos completos, ya que el color y el interlineado pueden cambiar la percepcion aunque el tamano parezca correcto.
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. Resulta util durante un rediseno, una migracion o una revision responsive, porque permite comparar header, hero, tarjetas, formularios y footer sin depender de una captura. Asi puedes documentar una escala tipografica clara para diseno, desarrollo y contenido.
Comprueba si titulares, subtitulos, botones, tarjetas y textos de preguntas frecuentes siguen una escala coherente. La tabla hace mas visibles los textos demasiado grandes o pequenos.
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.
Pega muestras CSS de escritorio y movil por separado para comparar como cambian los tamanos entre breakpoints antes de ajustar reglas.
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.
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. Compara varias muestras antes de cambiar una regla global y anota el breakpoint o la seccion de cada muestra. Esto ayuda a distinguir si la diferencia viene de la declaracion CSS, de la herencia o de la calculacion final 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.
Ideal para: Revisa el tamano de fuente desde CSS o salida del navegador
Usa la detección de fuentes basada en imágenes cuando el texto esté en una captura, un logotipo o una imagen rasterizada.
Ideal para: Identificar una fuente a partir de una imagen
Las DevTools del navegador muestran los valores exactos de un elemento activo, mientras que esta página permite comparar varias muestras en una sola tabla.
Ideal para: Inspeccionar un solo elemento en detalle
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.
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.
Usa este flujo cuando la pregunta sea el tamaño CSS y no solo el nombre de la fuente. Las unidades CSS como rem, em, porcentaje, pt y px no se pueden comparar sin conocer la base y el contexto. Al definir el valor base y revisar el resultado calculado, puedes tomar decisiones más seguras antes de cambiar la hoja de estilos o crear una escala tipográfica adaptable.
Inspecciona el texto con el navegador, copia la regla CSS o estilo computado y pegalo aqui. La herramienta lee los tamaños declarados, convierte unidades comunes a pixeles y muestra valores relacionados. Para rem, em y porcentajes, anota tambien el tamano raiz o del elemento padre, porque ese contexto cambia la conversion.
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. De esta forma no envias sesiones ni contenido protegido y solo trabajas con los valores necesarios para tu auditoria.
El tamano declarado es el valor original, como 1.25rem o 14px. El px calculado es una conversion aproximada usando el tamano base elegido. En un navegador real tambien pueden influir la herencia, las media queries y el elemento padre, por lo que conviene comparar con JSON computado cuando la precision sea importante.
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. La tabla es una referencia practica, no una sustitucion de la cascada y la herencia de CSS.
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. Compara parrafos, botones y encabezados como grupos, porque un interlineado corto o un color tenue puede causar problemas aunque el valor en pixeles sea correcto.
Usa esta pagina para CSS y tamanos de texto vivo. Usa el detector por imagen cuando solo tengas una captura, logo o imagen aplanada. El detector por imagen busca nombres probables, mientras que esta herramienta explica los valores de tamano, interlineado, peso y color que ya puedes inspeccionar.