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下载的每一种字体都收到此消息。

Answer 1

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

然后做这样的事情：

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

Answer 2

在尝试了许多其他方法，并在meteor和npm配置中进行了大量重新安装和检查之后，我刚刚通过清除Chrome中的浏览数据（缓存的图像和文件）然后刷新页面来解决问题。 / p>

无法在Meteor中解码下载的字体

2 个答案: