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.woff2 localhost /：1 OTS解析错误：无效的版本标签 localhost /：1 无法解码已下载的字体：http://localhost:3000/Geometria-Light-webfont.woff 我在使用Font Squirrel下载每种字体时都会遇到此问题。

- lola_the_coding_girl

---

我也遇到了这个问题，错误只与.woff字体文件有关。 - JoeTidee

Answer 1

将字体文件放进 public/fonts 文件夹中。

然后像这样做：

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

- Eliezer Steinbock

---

有趣。你对这为什么会发生有什么见解吗？谢谢。 - Damien Wilson

public 是 Meteor 将搜索资产的位置。这有帮助吗？ - Eliezer Steinbock

在 Meteor 中不再存在公共文件夹。 - puppeteer701

该问题仅涉及到.woff2文件。 - JoeTidee

这个包应该处理它。如果你正在编写这个包，我认为你可以在 package.json 文件中使用 addAssets。 - Eliezer Steinbock

Answer 2

在尝试了许多其他方法以及对 Meteor 和 npm 配置的重装和检查后，我通过清除 Chrome 的浏览数据（缓存的图像和文件），然后刷新页面来解决了这个问题。

- Andy Lorenz