Метеор: как использовать шрифт Awesome с ручками?

Question

Во-первых, я поместил это в разделе ГОЛОВЫ моего шаблона:

<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 вместо шрифта Удивительный символ, который я должен видеть. На источнике отображаются следующие данные:

<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>