Impossible de décoder la police téléchargée et erreur d'analyse OTS: tag version non valide

Question

Je reçois les erreurs:

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

Mon code est dans mon fichier CSS:

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

Puis, à l'intérieur du roboto fichier .css, j'ai le code suivant.

/* 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; 
} 

Je ne suis pas sûr de l'origine de l'erreur que je rencontre. Cela semble fonctionner correctement.

Je n'ai pas du tout modifié le fichier CSS.

Answer 1

Lorsque vous avez importé la police sur votre serveur, vous êtes-vous assuré que vous étiez en mode binaire au lieu de l'ASCII (texte)? C'était mon problème et le téléchargement des fichiers à nouveau dans le mode correct a résolu mon problème.