글꼴 Awesome with Metro UI CSS

Question

레이아웃과 함께 Metro UI 프로젝트를 사용하고 있습니다. 나는 또한 내 프로젝트에 글꼴 awesome을 추가하지만 함께 metro 및 글꼴 awesome를 사용할 때 몇 가지 문제가 있습니다

<div class="tile-content icon"> 
    <span> 
     <i class="fa fa-ticket fa-fw"></i> 
    </span> 
</div> 

내가 메트로 UI 제목으로 fa 아이콘을 설정할하지만이 코드를 실행하면,

<i class="fa fa-ticket fa-fw"></i> 

,536 : 만에 다음을 추가하면

: 나는 제목에서 아이콘을 볼 수 없습니다

모든 것이 좋습니다 ... 누군가 나를 도울 수 있습니까?

Answer 1

같은 문제가있었습니다. 당신은 글꼴 멋진 글꼴 "강제"해야

.fa { 
    display: inline-block; 
    font-family: FontAwesome !important; 
    font-style: normal; 
    font-weight: normal; 
    line-height: 1; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
} 

이 블록은 font-awesome.css 파일입니다 때문에 메트로 UI는 그것을 무시하지 않습니다 당신은 !important를 추가해야합니다.
원하지 않는 경우/당신은 또한 당신의 자신의 CSS 파일에 다음을 추가하여이 문제를 해결 할 수 있어야합니다 원래 CSS 파일을 편집 할 수 있습니다

.fa { 
    font-family: FontAwesome !important; 
} 

이 problme 그 이유는,이다에서 하나 개의 스타일이 Metro UI CSS는 타일에 대해 font-family 스타일을 덮어 쓰므로 글꼴 굉장 글꼴은 더 ​​이상 기본적으로 사용되지 않습니다.