CSS-fel: Det gick inte att avkoda nedladdat teckensnitt - du kan göra det

CSS-felet "Det gick inte att avkoda nedladdat teckensnitt" kan ha olika orsaker. I detta praktiska tips presenterar vi de vanligaste för felmeddelandet innan möjliga lösningar.

CSS-fel Det gick inte att avkoda nedladdat teckensnitt: Skadat teckensnitt

Felet kan ha olika orsaker och inträffar ofta bara i vissa webbläsare. I många fall indikerar felet ett felaktigt teckensnitt.

• Det är möjligt att teckensnittet redan hade ett fel innan det kopierades till servern. Men det kan också ha skadats under kopieringen.
• För att förhindra teckensnittskador använder du onlineverktyg som Transfonter för att konvertera ditt teckensnitt till lämpliga format.
• När du kopierar till din server ska du se till att teckensnittet kopieras som ett binärt och inte som ett ASCI-format.
• Du kan också behöva ändra din FTP-klient eftersom vissa klienter sänder felaktigt teckensnitt.
• Du kan också se till att du använder korrekta teckensnitt genom att importera dina teckensnitt från FontLibrary eller från Google.

CSS-fel på grund av felaktig teckensnittintegration

Ett annat typiskt fel som leder till varningen "Det gick inte att avkoda nedladdat teckensnitt" är felaktig inkorporering av teckensnittet.

• Teckensnitt måste inkluderas i CSS-formatmallen med "src" -taggen.
• Om möjligt bör formatet på teckensnittet också definieras. I följande exempel för integration av font "webfont" markeras de relevanta kodavsnitten med fet stil.
• @ 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 Modern Browsers * / url ('webfont.woff') format ('woff'), / * Pretty Modern Browsers * /
  url ('webfont.ttf') format ('truetype'), / * Safari, Android, iOS * / url ('webfont.svg # svgFontName') format ('svg') ; / * Legacy iOS * /}

Ett annat praktiskt tips kommer att berätta hur du får namnet på ett teckensnitt som du inte känner till.