Extending Font Awesome

Question

웹 사이트에서 Font Awesome을 사용하고 있습니다.

몇 가지 맞춤 아이콘이 있고 코드 일관성을 유지하고 싶습니다. 따라서 새로운 글꼴을 Font-Awesome과 같은 방식으로 사용하고 싶습니다. 다음과 같이

.icon-dashboard:before 
{ 
    content: "\f0e5"; 
} 

그리고 아이콘이 생성됩니다 : 나는 글꼴 멋진 아이콘을 볼 때

, 그것의 내용은 다음과 CSS로 설정되어있는 것으로 보인다

<a href="#"><i class="icon-dashboard></i></a> 

그러나 .png 이미지가 있고 같은 방식으로 사용하려고하면 작동하지 않는 것 같습니다.

.icon-network:before 
{ 
    content: url("images/network-icon.png"); 
} 

이 ju st는 빈 이미지를 보여줍니다. 내가 여기서 무엇을 놓치고 있니?

Answer 1

빈 이미지가 표시되면 경로가 꺼져 있음을 의미합니다. 경로는 CSS 파일과 관련이 있습니다. 이미지를 가져 오려는 위치의 브라우저 속성을 확인하면 문제를 진단하는 데 도움이됩니다.