Cómo inspeccionar las fuentes que muestra una página.
Inspecciona los estilos calculados en vez de suponer que se cargó la primera fuente declarada en CSS. Registra grosores y fuentes de reserva que afecten al texto mostrado.
Adapta el flujo de trabajo a tu tarea.
Selecciona títulos y texto de cuerpo representativos y registra familia, tamaño, grosor e interlineado de los estilos disponibles. Separa la lista declarada de fuentes alternativas de las pruebas de la fuente realmente representada. Comprueba el estado de carga y las variantes adaptables antes de describir un patrón para toda la página.
- Qué aportas
- Estilos de texto calculados de la página seleccionada.
- Qué obtienes
- Familias, grosores y tamaños de fuente realmente aplicados.
Mira la entrada y el resultado.
Entrada y salida ilustrativas · ejemplo didáctico, no una ejecución de WebAct en directo
Ejemplo campo
Supplied style inspection of h1: font-family "Example Sans", Arial, sans-serif; font-size 40px; font-weight 700; line-height 48px. No rendered-font inspection or loading evidence supplied.
Ejemplo completo
Element: h1 Declared/computed family stack: "Example Sans", Arial, sans-serif Size: 40px Weight: 700 Line height: 48px Actually rendered face: unconfirmed. The family stack alone does not prove Example Sans loaded.
Carga esta entrada en el prompt y cópialo en WebAct para probar la tarea. Tu resultado puede diferir del ejemplo.
Decisiones y solución de problemas.
¿El valor calculado de font-family demuestra que se mostró la primera fuente?
No. Puede describir la lista declarada. Confirma la tipografía realmente representada con una inspección adecuada del navegador cuando esa diferencia importe.
¿Por qué dos elementos de la misma familia se ven diferentes?
Pueden diferir el grosor, los ajustes de fuente variable, el tamaño, el espaciado o la fuente de reserva de ciertos caracteres. Inspecciona esas propiedades, no solo la familia.
Pruébalo con tu propia fuente.
Sustituye el ejemplo por tu material en el prompt. Conserva los requisitos que necesites y copia la tarea en WebAct.
Personalizar y copiar la tarea ↑