Twitter Bootstrap은 파이어 폭스에 아이콘을 표시하지 않습니다.

Question

좋은 하루 !!! 사이트를 개발할 때 트위터 부트 스트랩 CSS 프레임 워크를 사용했습니다. 나는 부트 스트랩 아이콘으로 버튼을 만들지 만 파이어 폭스는 그 아이콘을 표시하지 않는다.

문제 해결 도와주세요!

Answer 1

코드 샘플이 없으면 실제 문제가 무엇인지 알기가 어렵지만 Firefox (및 다른 브라우저)에서 작동하는 부트 스트랩을 사용하는 아이콘이있는 단추의 예제를 제공 할 수 있습니다.

샘플 버튼을 삭제 ("BTN"클래스와 링크 사용) :

이

<a href="#" class="btn btn-danger"> 
    <i class="icon-trash"></i> Delete 
</a> 

샘플 삭제 버튼을 (사용 "버튼"요소) : 자세한 내용은

<button class="btn btn-primary" type="button"> 
    <i class="icon-trash"></i> Delete 
</button> 

: http://twitter.github.com/bootstrap/base-css.html#buttons

Answer 2

Firefox는 도메인 간 글꼴을 허용하지 않습니다. 글꼴 파일에 대해 Access-Control-Allow-Origin 헤더를 설정해야합니다. 자세한 내용은 this link을 확인하십시오. 사용할 수있는 레일을 사용하는 경우 this gem