基于Discover meteor显微镜应用程序的meteor字体出现问题

基于Discover meteor显微镜应用程序的meteor字体出现问题,meteor,font-face,Meteor,Font Face,我阅读了《发现流星》一书,并成功地制作了显微镜。现在,我正试图根据所学知识构建自己的应用程序。我想使用@font-face作为字体和图标字体。我不能让他们出现 这是我的目录结构:客户机/样式表 我的字体在样式表文件夹中。顺便说一句,我使用的是scss,这与scss包配合得很好。以下是我如何在样式表中调用字体: @font-face { font-family: 'AmaranthItalic'; src: url('Amaranth-Italic-webfont.eot'); src

我阅读了《发现流星》一书,并成功地制作了显微镜。现在,我正试图根据所学知识构建自己的应用程序。我想使用@font-face作为字体和图标字体。我不能让他们出现

这是我的目录结构:客户机/样式表

我的字体在样式表文件夹中。顺便说一句,我使用的是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;
}
我试过“/样式表/苋菜红等,以及我能想到的所有其他组合,但都不起作用。我试着把它们公开。没什么

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

这些问题/答案没有帮助:


谢谢您的帮助。

将字体放入
/public

放在这里的任何东西都不会被meteor翻译成其他任何东西
/public
是您站点的根目录,因此如果您需要引用
/public
中的任何内容,那么您不需要执行
/public/whatever/blah
它只是
/whatever/blah


而且
/public
位于应用程序的根目录下,不在
/client
/server
下,而是与
/client
/server
一起位于根目录下,但不是100%确定,但是我猜您需要将字体放在/public中。情况是发现流星项目将样式表放在与/public不同的目录中。我一直试图将字体文件保存在与css相同的目录中,但没有任何效果。因此,我只将字体文件公开,在样式表中修复了url,一切正常。谢谢你的帮助!在部分Sass文件或Sass文件中使用
@font-face
规则对我不起作用。我必须把规则放在css文件中的
/public/font
中,并在名为
/client/main_head.html
的文件中的
link
标记中链接它们;该文件只有一个
标记和
链接
标记(Meteor首先加载名为
的文件)。