Question

首先，我把它放在模板的HEAD部分：

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

我决定使用音乐符号并将其插入：

<div id="close_player">&#xf001;</div>` where the symbol is given by ` fa-music (&#xf001;)

然而，当我的页面由于某种原因加载时，我只看到fi而不是我应该看到的Font Awesome符号。源显示以下内容：

<div id="close_player"></div>

发生了什么，我该如何解决这个问题？

Answer 1

正如Cuberto建议使用mrt添加包，然后你可以做这样的事情，考虑你有铁路由器，你的应用程序的每个页面都有2个图标，它们会根据路线改变：

<template name='myHomeTemplate'>
<i class={{iconOne}}></i>
<i class={{iconTwo}}></i>
</template>

然后在你的路由器逻辑中你可以做

this.route('home', {
path: '/',
template: 'myHomeTemplate',
layoutTemplate: 'layout',
yieldTemplates: {
  'myAsideTemplate': {to: 'aside'},
  'myFooter': {to: 'footer'}
},

data: {
  iconOne: 'fa fa-music',
  iconTwo:'fa fa-camera'
}
});

Answer 2

首先，不要把CSS链接放在脑海中。只需添加陨石包 - mrt add font-awesome即可。这将在您运行应用程序时自动添加CSS链接，并且它将与部署中的所有其他CSS连接并缩小。然后，只需使用字体很棒的图标：

<i class="fa fa-music"></i>

meteor：如何使用带把手的Font Awesome？

2 个答案: