Ontbrekende lettertypebestanden

Silktide vindt lettertypebestanden waar je pagina's om vragen, maar die niet worden geladen. Dit komt meestal doordat het bestand is verplaatst of verwijderd, of doordat het webadres verkeerd is gespeld. Wanneer een lettertype niet wordt geladen, valt de tekst terug op een vervangend lettertype en zien je pagina's er niet meer uit zoals ze zijn ontworpen.

\/* Als dit lettertypebestand ontbreekt, wordt de tekst weergegeven in een vervangend lettertype *\/
@font-face {
  font-family: "Brand Sans";
  src: url("\/fonts\/brand-sans.woff2") format("woff2");
}

Waarom dit belangrijk is

Typografie draagt je merk uit. Wanneer een aangepast lettertype niet wordt geladen, vervangt de browser het stilletjes door een ander lettertype. De tekst blijft zichtbaar, maar de spatiëring verschuift, koppen zien er verkeerd uit en pictogramlettertypen kunnen veranderen in betekenisloze vierkantjes of willekeurige tekens. Dat is veel erger dan alleen een cosmetisch probleem.

Omdat er een vervangend lettertype beschikbaar is, blijven ontbrekende lettertypen vaak maandenlang onopgemerkt door het eigen team van de website. Ondertussen verspilt de browser van elke bezoeker tijd aan het opvragen van het bestand en het wachten op de fout op elke pagina die ernaar verwijst.

Zo los je het op

Zoek de verwijzing naar het ontbrekende bestand. Dit is meestal een @font-face-regel in je , of een lettertype dat wordt geladen vanaf een hostingservice voor lettertypen.
Als het bestand is verplaatst, werk je de verwijzing bij naar het nieuwe adres. Als het lettertype bewust buiten gebruik is gesteld, verwijder je de regel die erom vraagt.
Als het bestand zou moeten bestaan, herstel je het. Lettertypen hebben nog een veelvoorkomende foutmodus: beperkingen voor cross-origin aanvragen. Een lettertype dat vanaf een ander domein wordt aangeboden, moet worden verzonden met permissieve -headers, anders weigeren browsers het te gebruiken.
Test de pagina daarna en controleer of de tekst in het bedoelde lettertype wordt weergegeven.

Zo test Silktide dit

Laad elke pagina in een echte browser en registreer elk bestand dat de pagina opvraagt.
Houd de aanvragen voor lettertypebestanden over.
Rapporteer elk bestand dat niet kan worden gedownload: een foutantwoord van de server, zoals 404, of een verbindingsfout. Tijdelijke time-outs en aanvragen die de browser zelf heeft afgebroken, worden niet gerapporteerd om valse alarmen te voorkomen.
Markeer waar op de pagina naar elk ontbrekend bestand wordt verwezen.

Problemen oplossen

Het bestand wordt geladen als ik het probeer

Het bestand kan achter een login staan, voor geautomatiseerde bezoekers worden geblokkeerd of inconsistent worden aangeboden. Controleer ook op mixed content: een lettertype dat via gewoon HTTP wordt opgevraagd vanaf een pagina die via wordt aangeboden, wordt door de browser geblokkeerd, ook al bestaat het bestand. Als het echt in orde is, kun je de bevinding .

De tekst ziet er voor mij goed uit

Vervangende lettertypen kunnen voldoende overeenkomen, zodat je de vervanging niet opmerkt, vooral bij hoofdtekst. Vergelijk een kop met je ontwerp of controleer in de ontwikkelaarstools van de browser of er mislukte aanvragen voor lettertypen zijn.