CSS-fout: kan het gedownloade lettertype niet decoderen - dat kan
De CSS-fout "Gedownloade lettertype kan niet worden gedecodeerd" kan verschillende oorzaken hebben. In deze praktische tip presenteren we de meest voorkomende voor de foutmelding vóór mogelijke oplossingen.
CSS-fout Kan het gedownloade lettertype niet decoderen: Beschadigd lettertype
De fout kan verschillende oorzaken hebben en treedt vaak alleen in bepaalde browsers op. In veel gevallen duidt de fout op een onjuist lettertype.
- Het is mogelijk dat het lettertype al een fout bevatte voordat het naar de server werd gekopieerd. Het kan echter ook tijdens het kopiëren beschadigd zijn.
- Gebruik online tools zoals Transfonter om uw lettertype te converteren naar geschikte formaten om schade aan het lettertype te voorkomen.
- Zorg er bij het kopiëren naar uw server voor dat het lettertype wordt gekopieerd als een binair bestand en niet als een ASCI-indeling.
- Mogelijk moet u ook uw FTP-client wijzigen, omdat sommige clients lettertypen onjuist verzenden.
- U kunt er ook voor zorgen dat u de juiste lettertypen gebruikt door uw lettertypen uit de FontLibrary of van Google te importeren.
CSS-fout als gevolg van onjuiste lettertype-integratie
Een andere typische fout die leidt tot de waarschuwing "Gedownloade lettertype kan niet worden gedecodeerd" is de onjuiste opname van het lettertype.
- Lettertypen moeten in het CSS-stijlblad worden opgenomen met de tag "src".
- Indien mogelijk moet ook het formaat van het lettertype worden gedefinieerd. In het volgende voorbeeld voor de integratie van het lettertype "webfont" zijn de relevante codegedeelten vetgedrukt.
- @ font-face {font-family: 'MyWebFont'; src: url ('webfont.eot'); / * IE9 compatibele modi * / src: url ('webfont.eot? #Iefix') formaat ('embedded-opentype'), / * IE6-IE8 * / url ('webfont.woff2') formaat ('woff2'), / * Super Modern Browsers * / url ('webfont.woff') formaat ('woff'), / * Pretty Modern Browsers * /
url ('webfont.ttf') formaat ('truetype'), / * Safari, Android, iOS * / url ('webfont.svg # svgFontName') formaat ('svg') ; / * Legacy iOS * /}
Een andere praktische tip zal u vertellen hoe u de naam kunt krijgen van een lettertype dat u niet kent.