如何在简单Meteor应用程序中使用Glyphicons？

Question

我不知道如何在简单的Meteor应用程序中使用Glypicons：

1. meteor create meteor-intro
2. cd meteor-intro
3. meteor (运行该应用程序，它运行得很好)
4. meteor add bootstrap-3
5. 将这些文件夹复制到流星应用程序文件夹Downloads\glyphicons_pro\glyphicons_pro\glyphicons\web\html_css\css Downloads\glyphicons_pro\glyphicons_pro\glyphicons\web\html_css\fonts Downloads\glyphicons_pro\glyphicons_pro\glyphicons\web\html_css\images中。
6. 将meteor-rein.html的内容替换为以下内容：

流星应用程序运行，但图标没有呈现。我怎样才能让他们渲染？？

Answer 1

您应该将字体和图像放置在Meteor /public文件夹中，然后将.css文件的@font-face属性中url的相对路径更改为指向它们的位置。

因此，如果来自Meteor应用程序主文件夹的新的相对文件路径变为public/glyphicons_pro/glyphicons/web/html_css/fonts，则将@font-face属性更改为对应于公用文件夹中的位置：

@font-face {
  font-family: 'Glyphicons Regular';
  src:
    url('/glyphicons_pro/glyphicons/web/html_css/fonts/glyphicons-regular.eot');
  src:
    url('/glyphicons_pro/glyphicons/web/html_css/fonts/glyphicons-regular.eot?#iefix') format('embedded-opentype'),
    url('/glyphicons_pro/glyphicons/web/html_css/fonts/glyphicons-regular.woff') format('woff'),
    url('/glyphicons_pro/glyphicons/web/html_css/fonts/glyphicons-regular.ttf') format('truetype'),
    url('/glyphicons_pro/glyphicons/web/html_css/fonts/glyphicons-regular.svg#glyphiconsregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

您应该将.css文件放在Meteor目录的一部分中，其中仅在客户端提供。

*并从您的链接删除-文件是自动加载在您的应用程序，一旦他们被放置在适当的目录。