Saknade teckensnittsfiler

Silktide hittar teckensnittsfiler som dina sidor efterfrågar men som inte läses in, vanligtvis för att filen har flyttats eller tagits bort, eller för att webbadressen till den har skrivits fel. När ett teckensnitt inte läses in används ett ersättningsteckensnitt för texten, och dina sidor slutar se ut som de utformades.

\/* Om den här teckensnittsfilen saknas återges texten med ett ersättningsteckensnitt *\/
@font-face {
  font-family: "Brand Sans";
  src: url("/fonts/brand-sans.woff2") format("woff2");
}

Varför detta är viktigt

Typografi förmedlar ditt varumärke. När ett anpassat teckensnitt inte läses in ersätter webbläsaren det tyst med ett annat – texten syns fortfarande, men avstånden förändras, rubriker ser fel ut och ikonfonter kan förvandlas till meningslösa rutor eller slumpmässiga tecken, vilket är mycket värre än ett kosmetiskt problem.

Eftersom det finns ett ersättningsteckensnitt förblir saknade teckensnitt ofta oupptäckta av webbplatsens eget team i månader. Under tiden slösar varje besökares webbläsare tid på att begära filen och vänta på att hämtningen ska misslyckas på varje sida som hänvisar till den.

Så åtgärdar du problemet

Hitta hänvisningen till den saknade filen – vanligtvis en @font-face-regel i din , eller ett teckensnitt som läses in från en tjänst för teckensnittshosting.
Om filen har flyttats uppdaterar du hänvisningen till den nya adressen. Om teckensnittet avsiktligt har tagits ur bruk tar du bort regeln som efterfrågar det.
Om filen borde finnas återställer du den. Teckensnitt har dessutom ett vanligt felläge: begränsningar mellan olika ursprung. Ett teckensnitt som levereras från en annan domän måste skickas med tillåtande -headers, annars vägrar webbläsare att använda det.
Testa sidan efteråt och bekräfta att texten återges med det avsedda teckensnittet.

Så testar Silktide detta

Läs in varje sida i en riktig webbläsare och registrera varje fil som sidan efterfrågar.
Behåll förfrågningarna efter teckensnittsfiler.
Rapportera varje förfrågan som misslyckas med att ladda ned – ett felsvar från servern, till exempel 404, eller ett anslutningsfel. Tillfälliga tidsgränsöverskridningar och förfrågningar som webbläsaren själv avbröt rapporteras inte, för att undvika falska larm.
Markera var på sidan varje saknad fil hänvisas till.

Felsökning

Filen läses in när jag försöker

Filen kan ligga bakom en inloggning, vara blockerad för automatiserade besökare eller levereras inkonsekvent. Kontrollera också blandat innehåll: ett teckensnitt som efterfrågas via vanlig HTTP från en sida som levereras via blockeras av webbläsaren även om filen finns. Om allt faktiskt fungerar kan du resultatet.

Texten ser bra ut för mig

Ersättningsteckensnitt kan vara tillräckligt lika för att du inte ska märka bytet, särskilt för brödtext. Jämför en rubrik med din design eller kontrollera webbläsarens utvecklarverktyg efter misslyckade teckensnittsförfrågningar.