基于 Discover Meteor 显微镜应用的流星字体问题

Question

我浏览了 Discover Meteor 一书并成功创建了显微镜。现在我正在尝试根据我所学的内容构建自己的应用程序。我想将@font-face 用于字体和图标字体。我不能让他们出现。

这是我的目录结构：client/stylesheets

我的字体在样式表文件夹中。顺便说一句，我正在使用 scss，这与 scss 包一起工作得很好。以下是我在样式表中调用字体的方式：

@font-face {
  font-family: 'AmaranthItalic';
  src: url('Amaranth-Italic-webfont.eot');
  src: url('Amaranth-Italic-webfont.eot?#iefix') format('embedded-opentype'),
  url('Amaranth-Italic-webfont.woff') format('woff'),
  url('Amaranth-Italic-webfont.ttf') format('truetype'),
  url('Amaranth-Italic-webfont.svg#AmaranthItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}

我已经尝试过 '/stylesheets/Amaranth 等以及我能想到的所有其他组合，但没有任何效果。我试过把它们公之于众。什么都没有。

我知道像这样的文件应该放在公共文件夹中，但这似乎完全杀死了样式表。我不确定为什么显微镜目录设计会导致这种情况发生。

这些问题/答案没有帮助： using font-face in meteor? Icon font from fontello not working with Meteor js

感谢您的帮助。

Answer 1

将字体放入/public

任何放在这里的东西都不会被流星翻译成其他东西。 /public 是您网站的根目录，因此如果您需要引用 /public 中的任何内容，则无需执行 /public/whatever/blah，只需 /whatever/blah。

另外，/public 位于应用的根目录中，而不是位于 /client 或 /server 下，而是与 /client 和 /server 一起位于根级别。