글꼴 멋진 아이콘

Question

내 웹 페이지에 글꼴 멋진 아이콘을 통합하기 위해 노력하고있어, 나는 선택의 내 글꼴, 출 2로 변경 될 때까지 모두가 잘 작동하고, 아이콘은 경계가 정사각형으로 표시됩니다. 그것은 다른 글꼴로 잘 작동하지만, 어떤 이유로이 작동하지 않습니다.

글꼴은이며, Google 글꼴 서체 시트는 입니다.

누군가 내가 잘못하고있는 것을 지적 할 수 있다면 감사하겠습니다!

Answer 1

이 문제로를 U를 못해 일을 disply합니다 font-awesome은 다른 글꼴을 아이콘으로 설정했을 수 있습니다. 예상대로 렌더링되지 않습니다 다음, 즉 <i> 요소 자식 요소에 글꼴을 설정 글꼴 끝내 경우이 fiddle

.parent1, 
 
.parent1 > i{ 
 
    font-family: 'Open Sans', sans-serif; 
 
} 
 

 
.parent2{ 
 
    font-family: 'Open Sans', sans-serif; 
 
}

<script src="https://use.fontawesome.com/a30dc5ca39.js"></script> 
 
<div class="parent1"> 
 
    <i class="fa fa-times"></i>This won't work 
 
</div> 
 
<div class="parent2"> 
 
    <i class="fa fa-times"></i>This works 
 
</div>

를 참조하십시오. 두 번째 예에서

는 난 단지 부모에게 다른 글꼴을 설정할 수 있지만 아이콘을, 그리고

당신이 뭔가 잘못 시도해야

Answer 2

fontawesome 글꼴 아이콘과 출이 유

font-family: FontAwesome; 

를 적용해야합니다 글꼴이 아닌 "글꼴 아이콘"

이 fontawesome을 작업하고 u는 여기에 다른 것으로 변경하면 내가 출이 "생각 "

font-family: Exo 2; 

그것은 사각형