无法解码Meteor中下载的字体

Question

这是我的CSS：

@font-face {
    font-family: 'geometria_lightlight';
    src: url('Geometria-Light-webfont.eot');
    src: url('Geometria-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('Geometria-Light-webfont.woff2') format('woff2'),
         url('Geometria-Light-webfont.woff') format('woff'),
         url('Geometria-Light-webfont.ttf') format('truetype'),
         url('Geometria-Light-webfont.svg#geometria_lightlight') format('svg');
    font-weight: lighter;
    font-style: normal;

}

#logo{
  font-family: 'geometria_lightlight';
  font-size: 60px;
}

这是我在Chrome得到的消息：未能解码下载字体：http://localhost:3000/Geometria-Light-webfont.woff2localhost/：1 OTS解析错误：无效版本标签localhost/：1未能解码下载字体：http://localhost:3000/Geometria-Light-webfont.woff

我通过Font Squirrel下载的每一种字体都会收到这条消息。

Answer 1

在尝试了许多其他方法，以及meteor和npm配置中的大量重新安装和检查之后，我刚刚解决了这个问题，从Chrome中清除了浏览数据（缓存的图像和文件），然后刷新页面。

Answer 2

将您的字体粘贴在文件夹public/fonts中。

然后做这样的事情：

@font-face {
  font-family: 'BebasNeueRegular';
  src: url('/fonts/BebasNeue-Regular.ttf') format('truetype');
}