2012-12-21 6 views
1

내가 내 프로젝트에 FontAwesome을 포함하기 위해 노력하고있어하지만 난 일을 "O"작은 편지를 얻을 수 없다 "O"편지를 표시FontAwesome하지

내 글꼴 awesome.css.scss.erb

@font-face { 
    font-family: "FontAwesome"; 
    src: url('<%= asset_path('fontawesome-webfont.eot') %>'); 
    src: url('<%= asset_path('fontawesome-webfont.eot') + '?#iefix' %>') format('eot'),    url('<%= asset_path('fontawesome-webfont.woff') %>') format('woff'), url('<%= asset_path('fontawesome-webfont.ttf') %>') format('truetype'), url('<%= asset_path('fontawesome-webfont.svg') + '#FontAwesome' %>') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

// Other stuff,,,,,, 

내 자신의 CSS는

body { 
    font-family: "FontAwesome" 
} 

무슨 일 일부 고딕 글꼴에있는 텍스트 변경, 김 무언가가 변화하고 있다는 것입니다,하지만 문자 "O"표시되지 않습니다, 나는 다양한 보석을 시도했지만 아무도 일 것 같다 .

는 또한 나는 또한 자산 경로를 구성한 다른 브라우저 (크롬, FF, 사파리) OS I 사용 라이온 10.7.5

으로

을 시도했다.

enter image description here

답변

1

당신은 당신의 몸에 대한 글꼴로 FontAwesome를 사용해서는 안된다. 특정 클래스 또는 이와 유사한 것으로 제한하려고합니다.

+0

나는 그것을 시도했지만, 왜 그것이 변화를 가져올 지 모르겠다. – skyw00lker

+1

나는 그것을 살펴 봤는데 당신이 맞습니다, 나는 FontAwesome의 사용을 이해하지 못했습니다. – skyw00lker

2

FontAwesomefont-awesome.css 스타일 시트를 사용해야합니다.

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet"/> 
 

 
<i class="fa fa-download"> Download</i>

이 방향

1.이 존재에 대한 http://fortawesome.github.io/Font-Awesome에서 Not using Boostrap?1를 참조하십시오

그럼 당신은 같은 글꼴 얼굴을 사용하는 요소를 작성합니다 Old 3.2.1 문서.

+0

font-awesome.scss를 사용하고 있습니다. 대신 기본적으로 똑같은 것이고 게시 한 요소를 사용할 수 있습니다. – skyw00lker

+0

그러면 작동하는 것처럼 들립니다. –

+0

첨부 된 스크린 샷 – skyw00lker