1

我收到错误:

无法解码下载的字体和OTS解析错误:无效的版本标签

我的代码在我的 CSS 文件中:

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

然后,在 robots.css 文件中,我有以下代码。

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

我不确定是什么导致了我遇到的错误。这似乎应该工作得很好。

我根本没有修改 CSS 文件。

4

1 回答 1

0

当您将字体上传到服务器时,您是否确定您处于二进制模式而不是 ASCII(文本)?那是我的问题,以正确的模式再次上传文件解决了我的问题。

于 2017-07-19T19:21:32.197 回答