Manglende skrifttypefiler

Silktide finder skrifttypefiler, som dine sider anmoder om, men som ikke kan indlæses, som regel fordi filen er blevet flyttet eller slettet, eller fordi dens webadresse er indtastet forkert. Når en skrifttype ikke kan indlæses, falder teksten tilbage til en erstatningsskrifttype, og dine sider holder op med at se ud, som de var designet til.

/* Hvis denne skrifttypefil mangler, gengives teksten med en reserveskrifttype */
@font-face {
  font-family: "Brand Sans";
  src: url("/fonts/brand-sans.woff2") format("woff2");
}

Hvorfor det er vigtigt

Typografi bærer dit brand. Når en tilpasset skrifttype svigter, erstatter browseren den lydløst med en anden – teksten vises stadig, men afstanden ændrer sig, overskrifter ser forkerte ud, og ikonskrifttyper kan ende som meningsløse firkanter eller tilfældige tegn, hvilket er langt værre end et kosmetisk problem.

Fordi der findes en reserve, bliver manglende skrifttyper ofte ikke opdaget af webstedets eget team i månedsvis. Imens spilder hver besøgendes browser tid på at anmode om filen og vente på fejlen på hver side, der henviser til den.

Sådan løser du det

Find referencen til den manglende fil – typisk en @font-face-regel i din eller en skrifttype, der indlæses fra en hostingtjeneste for skrifttyper.
Hvis filen er flyttet, skal du opdatere referencen til dens nye adresse. Hvis skrifttypen med vilje er udfaset, skal du fjerne den regel, der anmoder om den.
Hvis filen burde findes, skal du gendanne den. Skrifttyper har en anden almindelig fejltilstand: begrænsninger på tværs af oprindelser. En skrifttype, der leveres fra et andet domæne, skal sendes med tilladende -headere, ellers afviser browsere at bruge den.
Test derefter siden, og bekræft, at teksten gengives med den tilsigtede skrifttype.

Sådan tester Silktide dette

Indlæs hver side i en rigtig browser, og registrer hver fil, siden anmoder om.
Behold anmodningerne om skrifttypefiler.
Rapportér hver fil, der ikke kan downloades – et fejlsvar fra serveren, f.eks. 404, eller en forbindelsesfejl. Midlertidige timeouts og anmodninger, som browseren selv har opgivet, rapporteres ikke for at undgå falske alarmer.
Fremhæv, hvor på siden hver manglende fil refereres.

Fejlfinding

Filen indlæses, når jeg prøver den

Filen kan være bag et login, blokeret for automatiserede besøgende eller blive leveret inkonsekvent. Kontrollér også for blandet indhold: En skrifttype, der anmodes om via almindelig HTTP fra en side, der leveres via , blokeres af browseren, selv om filen findes. Hvis alt faktisk er i orden, kan du fundet.

Teksten ser fin ud for mig

Reserveskrifttyper kan ligne den oprindelige tilstrækkeligt meget til, at du ikke bemærker erstatningen, særligt for brødtekst. Sammenlign en overskrift med dit design, eller kontrollér browserens udviklerværktøjer for mislykkede anmodninger om skrifttyper.