Manglende skriftfiler

Silktide finner skriftfiler som sidene dine ber om, men som ikke lastes inn, vanligvis fordi filen er flyttet eller slettet, eller fordi nettadressen er skrevet feil. Når en skrift ikke lastes inn, faller teksten tilbake til en reserveskift, og sidene dine ser ikke lenger ut slik de ble utformet.

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

Hvorfor dette er viktig

Typografi formidler merkevaren din. Når en egendefinert skrift ikke lastes inn, bytter nettleseren stille til en annen skrift – teksten vises fortsatt, men avstanden forskyves, overskrifter ser feil ut, og ikonfonter kan bli til meningsløse firkanter eller tilfeldige tegn, noe som er langt verre enn et kosmetisk problem.

Fordi det finnes en reserveskift, blir manglende skrifter ofte ikke oppdaget av nettstedets eget team på flere måneder. I mellomtiden bruker nettleseren til hver besøkende tid på å be om filen og vente på at forespørselen skal mislykkes på hver side som viser til den.

Slik løser du det

Finn referansen til den manglende filen – vanligvis en @font-face-regel i , eller en skrift som lastes inn fra en tjeneste for skriftvertstjenester.
Hvis filen er flyttet, oppdaterer du referansen til den nye adressen. Hvis skriften bevisst er tatt ut av bruk, fjerner du regelen som ber om den.
Hvis filen skal finnes, gjenoppretter du den. Skrifter har en annen vanlig feilkilde: begrensninger på tvers av opprinnelser. En skrift som leveres fra et annet domene, må sendes med tillatende -hoder, ellers nekter nettlesere å bruke den.
Test siden etterpå, og bekreft at teksten gjengis med den tilsiktede skriften.

Slik tester Silktide dette

Last inn hver side i en ekte nettleser, og registrer hver fil siden ber om.
Behold forespørslene etter skriftfiler.
Rapporter hver forespørsel som ikke kan lastes ned – et feilsvar fra serveren, for eksempel 404, eller en tilkoblingsfeil. Kortvarige tidsavbrudd og forespørsler som nettleseren selv har avbrutt, rapporteres ikke, for å unngå falske varsler.
Marker hvor på siden hver manglende fil refereres til.

Feilsøking

Filen lastes inn når jeg prøver

Filen kan være beskyttet bak en innlogging, blokkert for automatiserte besøkende eller levert på en ustabil måte. Kontroller også blandet innhold: En skrift som forespørres over ren HTTP fra en side som leveres over , blokkeres av nettleseren selv om filen finnes. Hvis alt faktisk fungerer, du funnet.

Teksten ser fin ut for meg

Reserveskrifter kan ligne nok på den opprinnelige skriften til at du ikke legger merke til byttet, særlig i brødtekst. Sammenlign en overskrift med designet ditt, eller sjekk utviklerverktøyene i nettleseren for mislykkede skriftforespørsler.