Puuttuvat fonttitiedostot

Silktide löytää fonttitiedostot, joita sivusi pyytävät mutta joiden lataaminen epäonnistuu. Tavallisesti syynä on se, että tiedosto on siirretty tai poistettu tai sen verkko-osoite on kirjoitettu väärin. Kun fontin lataaminen epäonnistuu, teksti näytetään korvaavalla fontilla, eivätkä sivusi enää näytä suunnitelluilta.

/* Jos tämä fonttitiedosto puuttuu, teksti näytetään varafontilla */
@font-face {
  font-family: "Brand Sans";
  src: url("/fonts/brand-sans.woff2") format("woff2");
}

Miksi tämä on tärkeää

Typografia ilmentää brändiäsi. Kun mukautetun fontin lataaminen epäonnistuu, selain korvaa sen huomaamatta toisella fontilla. Teksti näkyy edelleen, mutta välit muuttuvat, otsikot näyttävät vääriltä ja kuvakefontit voivat muuttua merkityksettömiksi neliöiksi tai satunnaisiksi merkeiksi. Tämä on paljon enemmän kuin kosmeettinen ongelma.

Koska varafontti on käytettävissä, puuttuvat fontit jäävät usein sivuston omalta tiimiltä huomaamatta kuukausiksi. Sillä välin jokaisen kävijän selain tuhlaa aikaa pyytäessään tiedostoa ja odottaessaan epäonnistumista jokaisella sivulla, joka viittaa siihen.

Korjaaminen

Etsi viittaus puuttuvaan tiedostoon. Tavallisesti se on @font-face-sääntö tai fontti, joka ladataan fonttien isännöintipalvelusta.
Jos tiedosto on siirretty, päivitä viittaus sen uuteen osoitteeseen. Jos fontin käytöstä on luovuttu tarkoituksella, poista sitä pyytävä sääntö.
Jos tiedoston pitäisi olla olemassa, palauta se. Fonteilla on lisäksi yleinen virhetilanne: eri alkuperien väliset rajoitukset. Toisesta verkkotunnuksesta toimitettava fontti on lähetettävä sallivilla -otsakkeilla, tai selaimet kieltäytyvät käyttämästä sitä.
Testaa sivu sen jälkeen ja varmista, että teksti näytetään tarkoitetulla fontilla.

Miten Silktide testaa tämän

Lataa jokainen sivu oikeassa selaimessa ja tallenna kaikki tiedostot, joita sivu pyytää.
Säilytä fonttitiedostoja koskevat pyynnöt.
Raportoi jokainen tiedosto, jonka lataaminen epäonnistuu – esimerkiksi palvelimen virhevastaus, kuten 404, tai yhteysvirhe. Lyhytaikaisia aikakatkaisuja ja pyyntöjä, jotka selain itse keskeytti, ei raportoida väärien hälytysten välttämiseksi.
Korosta, missä kohtaa sivua kuhunkin puuttuvaan tiedostoon viitataan.

Vianmääritys

Tiedosto latautuu, kun kokeilen sitä

Tiedosto voi olla kirjautumisen takana, estetty automatisoiduilta kävijöiltä tai sitä voidaan toimittaa epäjohdonmukaisesti. Tarkista myös sekasisältö: jos -palvelulla toimitetulta sivulta pyydetään fonttia tavallisella HTTP:llä, selain estää sen, vaikka tiedosto on olemassa. Jos kaikki todella on kunnossa, löydös.

Teksti näyttää minusta hyvältä

Varafontit voivat olla niin lähellä alkuperäistä, ettet huomaa korvaamista, erityisesti leipätekstissä. Vertaa otsikkoa suunnitelmaasi tai tarkista selaimen kehittäjätyökaluista epäonnistuneet fonttipyynnöt.