Como inspecionar as fontes realmente exibidas em uma página.
Confira os estilos calculados, em vez de presumir que a primeira fonte do CSS carregou. Registre pesos e fontes alternativas que afetem o texto exibido.
Adapte o fluxo à sua tarefa.
Selecione títulos e texto principal representativos e registre família, tamanho, peso e altura da linha dos estilos disponíveis. Separe a lista declarada de fontes alternativas da evidência da fonte realmente exibida. Confira carregamento e variações responsivas antes de descrever um padrão para a página toda.
- O que você fornece
- Estilos de texto calculados da página selecionada.
- O que você recebe
- Famílias, pesos e tamanhos de fonte realmente aplicados.
Veja a entrada e o resultado.
Entrada e saída ilustrativas · exemplo didático, não uma execução real do WebAct
Exemplo 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.
Exemplo 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.
Carregue esta entrada no prompt e copie para o WebAct para testar a tarefa. Seu resultado pode ser diferente da ilustração.
Decisões e solução de problemas.
O valor calculado de font-family prova que a primeira fonte foi exibida?
Não. Ele pode descrever apenas a lista declarada. Confirme a fonte realmente renderizada com uma inspeção adequada do navegador quando a diferença importar.
Por que dois elementos com a mesma família parecem diferentes?
Podem variar peso, ajustes de fonte variável, tamanho, espaçamento ou fonte alternativa para alguns caracteres. Inspecione essas propriedades, não apenas a família.
Teste com sua própria fonte.
Substitua o exemplo pelo seu material no prompt. Mantenha os requisitos necessários e copie a tarefa para o WebAct.
Personalizar e copiar a tarefa ↑