1
Cambios de familia tipografica
Detecta cuando una fuente alternativa se renderiza en lugar de la principal, o cuando las declaraciones font-family cambian.
45 casos de prueba
Tipografia
La tipografia es el pilar de la legibilidad. Incluso un pequeno cambio de peso o altura de linea puede afectar como los usuarios perciben su contenido. Delta-QA monitorea cada propiedad tipografica para garantizar un renderizado exacto en todas las paginas.
Lo que detectamos
2
Peso y estilo
Captura variaciones de peso (400 vs 500, bold vs semibold) y cambios de estilo (italica, oblicua).
3
Tamano y escala
Rastrea cambios de font-size en px, rem, em y unidades de viewport, incluyendo clamp() y tipografia fluida.
4
Altura de linea y ritmo vertical
Monitorea ajustes de line-height que pueden interrumpir el ritmo vertical y el flujo general de sus paginas.
5
Espaciado de letras y palabras
Detecta cambios en letter-spacing y word-spacing que afectan la densidad y legibilidad del texto.
6
Decoracion y transformacion
Identifica modificaciones en subrayados, tachados, text-transform (mayusculas/minusculas) y text-overflow.
Ejemplo interactivo
Vea exactamente lo que Delta-QA detecta. Compare las dos versiones lado a lado.
Antes
Despues
Escenarios reales
🎯
La fuente que deja de cargar
Un desarrollador ejecuta npm update y rompe el import de la fuente Inter sin saberlo. El navegador cambia silenciosamente a Arial. Los espaciados cambian, algunos títulos saltan a dos líneas, un botón desborda su contenedor — toda la maquetación queda sutilmente descuadrada. El cambio parecía inofensivo (una actualización de dependencias), se mergeó sin revisión visual. Delta-QA compara las capturas de ambas versiones y resalta cada desplazamiento de texto, cada título que salta de línea y cada desborde causado por el cambio de fuente.
⚠️
El line-height que rompe las tarjetas de producto
Un desarrollador cambia el line-height global para mejorar la legibilidad del blog. Efecto secundario: los títulos de producto que cabían en una línea ahora ocupan dos en el catálogo. Las tarjetas ya no tienen la misma altura, la grilla se vuelve irregular — un catálogo "desparejo" que inspira menos confianza. QA revisó el blog (la página modificada), no el catálogo que usa los mismos estilos globales. Delta-QA compara las capturas y resalta cada tarjeta cuya altura cambió — los desajustes en la grilla saltan a la vista de inmediato.
💡
El font-weight invisible
El diseñador definió un font-weight semi-bold (600) para los encabezados. A lo largo de varios sprints, distintos desarrolladores usan a veces 600, a veces 700. Resultado: algunos encabezados son visiblemente más gruesos que otros en la misma página. La jerarquía visual es inconsistente — un título de sección parece más importante que otro sin razón. El diseñador nunca fue notificado de estos cambios progresivos. Delta-QA compara las capturas y resalta las variaciones de grosor entre encabezados — los títulos más pesados se notan en la superposición.
¿Listo para detectar cada regresion visual?
Descarga Delta-QA y empieza a detectar cambios CSS en tus paginas web — sin codigo.