CSS-feil: Kunne ikke avkode nedlastet font - du kan gjøre det
CSS-feilen "Kunne ikke avkode nedlastet font" kan ha forskjellige årsaker. I dette praktiske tipset presenterer vi de vanligste for feilmeldingen før mulige løsninger.
CSS-feil Kunne ikke avkode nedlastet font: Skadet font
Feilen kan ha forskjellige årsaker og forekommer ofte bare i visse nettlesere. I mange tilfeller indikerer feilen en feil skrift.
- Det er mulig at skriften allerede hadde en feil før den ble kopiert til serveren. Imidlertid kan det også ha blitt skadet under kopiering.
- Bruk elektroniske verktøy som Transfonter for å konvertere skrifttypen til passende formater for å forhindre skriftskader.
- Når du kopierer til serveren din, må du forsikre deg om at skriften er kopiert som et binært og ikke som et ASCI-format.
- Det kan også hende du må endre FTP-klienten din fordi noen klienter overfører fonter feil.
- Du kan også sikre at du bruker riktige skrifter ved å importere skrifttypene dine fra FontLibrary eller fra Google.
CSS-feil på grunn av feil fontintegrering
En annen typisk feil som fører til advarselen "Kunne ikke avkode nedlastet font" er feil inkorporering av skriften.
- Fonter må inkluderes i CSS-stilarket ved å bruke "src" -koden.
- Hvis mulig, bør formatet på skriften også defineres. I det følgende eksempelet for integrering av "webfont" -typen er de relevante kodeseksjonene markert med fet skrift.
- @ font-face {font-family: 'MyWebFont'; src: url ('webfont.eot'); / * IE9 Compat Modes * / src: url ('webfont.eot? #Iefix') format ('embedded-opentype'), / * IE6-IE8 * / url ('webfont.woff2') format ('woff2'), / * Super moderne nettlesere * / url ('webfont.woff') format ('woff'), / * Pretty Modern Browsers * /
url ('webfont.ttf') format ('truetype'), / * Safari, Android, iOS * / url ('webfont.svg # svgFontName') format ('svg') ; / * Legacy iOS * /}
Et annet praktisk tips vil fortelle deg hvordan du får navnet på en skrift som du ikke kjenner.