CSS-fejl: Kunne ikke afkode den downloadede font - du kan gøre det
CSS-fejlen "Kunne ikke afkode downloadet font" kan have forskellige årsager. I dette praktiske tip præsenterer vi de mest almindelige for fejlmeddelelsen inden mulige løsninger.
CSS-fejl Kunne ikke afkode den downloadede font: Beskadiget skrifttype
Fejlen kan have forskellige årsager og forekommer ofte kun i bestemte browsere. I mange tilfælde angiver fejlen en forkert skrifttype.
- Det er muligt, at skrifttypen allerede havde en fejl, før den blev kopieret til serveren. Det kan dog også være blevet beskadiget under kopiering.
- Brug online-værktøjer som Transfonter til at konvertere din skrifttype til passende formater for at forhindre fontskade.
- Når du kopierer til din server, skal du sørge for, at skrifttypen kopieres som et binært og ikke som et ASCI-format.
- Det kan også være nødvendigt, at du ændrer din FTP-klient, fordi nogle klienter transmitterer skrifttyper forkert.
- Du kan også sikre dig, at du bruger korrekte skrifttyper ved at importere dine skrifttyper fra FontLibrary eller fra Google.
CSS-fejl på grund af forkert fontintegration
En anden typisk fejl, der fører til advarslen "Kunne ikke afkode downloadet font" er forkert inkorporering af skrifttypen.
- Skrifttyper skal inkluderes i CSS-stilarket ved hjælp af mærket "src".
- Hvis det er muligt, skal skrifttypens format også defineres. I det følgende eksempel til integration af font "webfont" markeres de relevante kodesektioner med fed skrift.
- @ font-face {font-family: 'MyWebFont'; src: url ('webfont.eot'); / * IE9 kompatattilstande * / src: url ('webfont.eot? #Iefix') format ('embedded-opentype'), / * IE6-IE8 * / url ('webfont.woff2') format ('woff2'), / * Super moderne browsere * / url ('webfont.woff') -format ('woff'), / * Pretty Modern Browsers * /
url ('webfont.ttf') format ('truetype'), / * Safari, Android, iOS * / url ('webfont.svg # svgFontName') format ('svg') ; / * Ældre iOS * /}
Et andet praktisk tip vil fortælle dig, hvordan du får navnet på en skrifttype, som du ikke kender.