글꼴 awesome 아이콘이 작동하지 않습니다.

Question

내 삭제 & 설정 링크 버튼 앞에 글꼴 멋진 아이콘을 추가하려고했지만 작동하지 않습니다. 누군가 실종 된 것이 있는지 알려주실 수 있습니까?

html로 코드 :

<div class="jumbotron"> 
    <p> 
     <a class="btn btn-danger" href="#"> 
      <i class="fa fa-trash-o fa-lg"></i> Delete 
     </a> 
     <a class="btn btn-default btn-sm" href="#"> 
      <i class="fa fa-cog"></i> Settings 
     </a>   
    </p> 
    </div> 

추가 이러한 CSS :

1) bootstrap.min.css 또한

2) 글꼴 awesome.min.css, 여기에 fiddle를 참조하십시오 .

Answer 1

이것은 4.0.3으로 고정되어있는 3.2.1의 버그입니다. http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css

와 연결되는 외부 링크를 교체

Check this Fiddle

Answer 2

(HTML에서를, 그것은 <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css"> 것) 나는 당신과 동일한 문제를 겪고 난 Wobuffet에서 솔루션을 따라하지만하지 않았다 일.

나는 요소에 title =""를 추가하고 내 문제 해결 : 내가 프로젝트에 글꼴을 추가하지 않은 내 경우에는

<i class="fa fa-pencil" title="Edit"></i> 

Answer 3

합니다. 개발자 콘솔에서 오류를 발견하고 글꼴 Awesome (font-awesome.min.css)이 찾고있는 위치 아래에 글꼴을 추가했습니다.

Answer 4

이 함께 시도 ..

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/> 
 
    
 
<div class="jumbotron"> 
 
    <p> 
 
     <a class="btn btn-danger" href="#"> 
 
      <i class="fa fa-trash-o fa-lg"></i> Delete 
 
     </a> 
 
     <br> 
 
     <a class="btn btn-default btn-sm" href="#"> 
 
      <i class="fa fa-cog"></i> Settings 
 
     </a>   
 
    </p> 
 
    </div>