Question

我已经浏览了探索流星书并成功创建了显微镜。现在，我正在尝试根据我所学到的内容构建自己的应用。我想将@ font-face用于字体和图标字体。我无法让他们出现。

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

我在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;
}

我已尝试过＆＃39; / 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一起。< / p>

基于Discover Meteor显微镜应用程序在流星中使用font-face的麻烦

1 个答案: