Zo inspecteer je welke lettertypen een pagina echt toont.
Bekijk berekende stijlen in plaats van aan te nemen dat het eerste CSS-lettertype goed geladen is. Noteer gewichten en terugvallettertypen die het weergegeven beeld beïnvloeden.
Stem de werkwijze af op je taak.
Kies representatieve koppen en lopende tekst en noteer familie, grootte, gewicht en regelhoogte uit beschikbare stijlen. Scheid de opgegeven terugvalreeks van bewijs voor het werkelijk weergegeven lettertype. Controleer laadstatus en responsieve varianten voordat je een patroon voor de hele pagina meldt.
- Wat je aanlevert
- Berekende tekststijlen van de gekozen pagina.
- Wat je krijgt
- Daadwerkelijk toegepaste lettertypefamilies, gewichten en groottes.
Bekijk de invoer en het resultaat.
Illustratieve invoer en uitvoer · een leervoorbeeld, geen live uitvoering van WebAct
Voorbeeld invoerveld
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.
Uitgewerkt voorbeeld
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.
Laad deze invoer in de prompt en kopieer deze naar WebAct om de taak te proberen. Je resultaat kan afwijken van het voorbeeld.
Keuzes en probleemoplossing.
Bewijst de berekende font-family dat het eerste lettertype is getoond?
Nee. Die waarde kan de opgegeven reeks beschrijven. Bevestig het weergegeven lettertype met passende browserinspectie als dat verschil belangrijk is.
Waarom zien twee elementen met dezelfde familie er anders uit?
Gewicht, variabele-lettertype-instellingen, grootte, spatiëring of terugval voor bepaalde tekens kunnen verschillen. Inspecteer die eigenschappen in plaats van alleen de familie.
Probeer het met je eigen bron.
Vervang het voorbeeld door je eigen materiaal in de taakprompt. Behoud de eisen die je nodig hebt en kopieer de taak naar WebAct.
De taak aanpassen en kopiëren ↑