Fehlgeschlagen heruntergeladene Schrift und OTS-Parsing-Fehler zu entschlüsseln: ungültige Versionstag

Question

Ich erhalte die Fehler:

Failed to decode downloaded font and OTS parsing error: invalid version tag

Mein Code in meiner CSS-Datei ist:

@import url("../fonts/roboto/roboto.css"); 

Dann in der roboto .css Datei, ich habe den folgenden Code.

/* Roboto Fontkit (LOCAL) 
-----------------------------------------*/ 
/*(1) Roboto-Regular-webfont 
.......................................*/ 
@font-face { 
    font-family: "Roboto"; 
    src: url("Roboto-Regular-webfont.eot"); 
    src: url("Roboto-Regular-webfont.eot?#iefix"), url("Roboto-Regular-webfont.woff") format("woff"), url("Roboto-Regular-webfont.ttf") format("truetype"), url("Roboto-Regular-webfont.svg#Roboto") format("svg"); 
    font-weight: normal; 
    font-style: normal; 
} 
/*(2) Roboto-Italic-webfont 
.......................................*/ 
@font-face { 
    font-family: "Roboto"; 
    src: url("Roboto-Italic-webfont.eot"); 
    src: url("Roboto-Italic-webfont.eot?#iefix"), url("Roboto-Italic-webfont.woff") format("woff"), url("Roboto-Italic-webfont.ttf") format("truetype"), url("Roboto-Italic-webfont.svg#Roboto") format("svg"); 
    font-weight: normal; 
    font-style: italic; 
} 
/*(3) Roboto-Medium-webfont 
.......................................*/ 
@font-face { 
    font-family: "Roboto"; 
    src: url("Roboto-Medium-webfont.eot"); 
    src: url("Roboto-Medium-webfont.eot?#iefix"), url("Roboto-Medium-webfont.woff") format("woff"), url("Roboto-Medium-webfont.ttf") format("truetype"), url("Roboto-Medium-webfont.svg#Roboto") format("svg"); 
    font-weight: 500; 
    font-style: normal; 
} 
/*(4) Roboto-MediumItalic-webfont 
.......................................*/ 
@font-face { 
    font-family: "Roboto"; 
    src: url("Roboto-MediumItalic-webfont.eot"); 
    src: url("Roboto-MediumItalic-webfont.eot?#iefix"), url("Roboto-MediumItalic-webfont.woff") format("woff"), url("Roboto-MediumItalic-webfont.ttf") format("truetype"), url("Roboto-MediumItalic-webfont.svg#Roboto") format("svg"); 
    font-weight: 500; 
    font-style: italic; 
} 
/*(5) Roboto-Bold-webfont 
.......................................*/ 
@font-face { 
    font-family: "Roboto"; 
    src: url("Roboto-Bold-webfont.eot"); 
    src: url("Roboto-Bold-webfont.eot?#iefix"), url("Roboto-Bold-webfont.woff") format("woff"), url("Roboto-Bold-webfont.ttf") format("truetype"), url("Roboto-Bold-webfont.svg#Roboto") format("svg"); 
    font-weight: bold; 
    font-style: normal; 
} 
/*(6) Roboto-BoldItalic-webfont 
.......................................*/ 
@font-face { 
    font-family: "Roboto"; 
    src: url("Roboto-BoldItalic-webfont.eot"); 
    src: url("Roboto-BoldItalic-webfont.eot?#iefix"), url("Roboto-BoldItalic-webfont.woff") format("woff"), url("Roboto-BoldItalic-webfont.ttf") format("truetype"), url("Roboto-BoldItalic-webfont.svg#Roboto") format("svg"); 
    font-weight: bold; 
    font-style: italic; 
} 
/*(7) Roboto-Light-webfont 
.......................................*/ 
@font-face { 
    font-family: "Roboto"; 
    src: url("Roboto-Light-webfont.eot"); 
    src: url("Roboto-Light-webfont.eot?#iefix"), url("Roboto-Light-webfont.woff") format("woff"), url("Roboto-Light-webfont.ttf") format("truetype"), url("Roboto-Light-webfont.svg#Roboto") format("svg"); 
    font-weight: 300; 
    font-style: normal; 
} 
/*(8) Roboto-LightItalic-webfont 
.......................................*/ 
@font-face { 
    font-family: "Roboto"; 
    src: url("Roboto-LightItalic-webfont.eot"); 
    src: url("Roboto-LightItalic-webfont.eot?#iefix"), url("Roboto-LightItalic-webfont.woff") format("woff"), url("Roboto-LightItalic-webfont.ttf") format("truetype"), url("Roboto-LightItalic-webfont.svg#Roboto") format("svg"); 
    font-weight: 300; 
    font-style: italic; 
} 
/*(9) Roboto-Black-webfont 
.......................................*/ 
@font-face { 
    font-family: "Roboto"; 
    src: url("Roboto-Black-webfont.eot"); 
    src: url("Roboto-Black-webfont.eot?#iefix"), url("Roboto-Black-webfont.woff") format("woff"), url("Roboto-Black-webfont.ttf") format("truetype"), url("Roboto-Black-webfont.svg#Roboto") format("svg"); 
    font-weight: 900; 
    font-style: normal; 
} 
/*(10) Roboto-BlackItalic-webfont 
.......................................*/ 
@font-face { 
    font-family: "Roboto"; 
    src: url("Roboto-BlackItalic-webfont.eot"); 
    src: url("Roboto-BlackItalic-webfont.eot?#iefix"), url("Roboto-BlackItalic-webfont.woff") format("woff"), url("Roboto-BlackItalic-webfont.ttf") format("truetype"), url("Roboto-BlackItalic-webfont.svg#Roboto") format("svg"); 
    font-weight: 900; 
    font-style: italic; 
} 

Ich bin nicht sicher, was den Fehler verursacht, den ich erfahre. Das scheint so zu sein, dass es perfekt funktionieren sollte.

Ich habe die CSS-Datei überhaupt nicht verändert.

Answer 1

Wenn Sie die Schrift auf Ihren Server hochgeladen haben, haben Sie sichergestellt, dass Sie sich im Binärmodus anstelle von ASCII (Text) befanden? Das war mein Problem und das Hochladen der Dateien im richtigen Modus löste mein Problem.