유성 : Handlebars와 함께 Font Awesome을 사용하는 방법?

첫째, 내 템플릿의 HEAD 섹션이 배치 :유성 : Handlebars와 함께 Font Awesome을 사용하는 방법?

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

무슨 일이 벌어지고 있으며 어떻게 해결할 수 있습니까?

출처

2013-12-15 Louis93

이 은 그럼 당신은 이런 일을 할 수있는 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' 
} 
});

출처

2013-12-15 08:29:17

먼저 CSS 링크를 머리에 넣지 마십시오. 그냥 운도 패키지 - mrt add font-awesome을 추가하십시오. 그러면 앱을 실행할 때 자동으로 CSS 링크가 추가되며 배포시 다른 모든 CSS와 연결 및 축소됩니다. , Cuberto으로

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

출처

2013-12-15 06:23:41 sbking

유성 : Handlebars와 함께 Font Awesome을 사용하는 방법?

답변

관련 문제