2015-01-08 1 views
0

저는 서버에 Zurb Foundation 아이콘을 설치했으며 다른 CSS보다 먼저로드 할 첫 번째 스타일 시트로 머리에 적절한 CSS 선언을 포함 시켰습니다.사이트 시작시 Zurb Foundation 아이콘이로드되지 않습니다. 링크를 클릭하면 해결됩니다.

<meta name="description=" content="<?php echo $meta_description; ?>"> 
<link rel="stylesheet" href="foundation-icons/foundation-icons.css" /> 

사이트가 처음로드 될 때 아이콘이 표시되지 않습니다. 대신, 4 개 문자 상자가 각 아이콘의 장소에 표시됩니다 : 나는 다른 내부 페이지 내 사이트에있는 링크 중 하나를 클릭하면 내가 다시 갈 때, 아이콘이 다음 현재 제대로 (포함됩니다

enter image description here

) 홈 페이지 :

enter image description here

이 관계없이 브라우저의 일어나고있다. 초기 페이지로드시 표시되도록하려면 어떻게해야합니까? 당신이 일반, 사회, 또는 발전기 밀폐 등의 클래스를 추가하는 것을 잊지 때 당신은 어떤 코드를 게시하지 않았지만 종종이 오류가 발생

<ul> 
<li><a href="#"><i class="fi-social-facebook"></i></a></li> 
<li><a href="#"><i class="fi-social-linkedin"></i></a></li> 
<li><a href="#"><i class="fi-social-twitter"></i></a></li> 
<li><a href="#"><i class="fi-social-google-plus"></i></a></li> 
</ul> 

답변

0

: 여기

내가 사용하고있는 코드입니다 당신의 html 요소에 foundicon 클래스는

<i class="general foundicon-heart"><p>heart</p></i> 
<i class="social foundicon-twitter"><p>twitter</p></i> 

그렇지 않으면 여기서 뭔가 당신에게

https://github.com/FortAwesome/Font-Awesome/wiki/Troubleshooting

도움이 될
+0

죄송합니다. 지금 바로 업데이트하겠습니다. –

+0

체크 아웃했는데 여기있는 내용이 도움이 될 수도 있습니다. https://github.com/FortAwesome/Font-Awesome/wiki/Troubleshooting – Kulerbox

+0

내 CSS의 유효성 검사와 관련이 있다고 의심됩니다. 사이트를 구축하는 과정에서 아직 그 rigmarole을 통과하지 못했습니다). 링크를 가져 주셔서 감사합니다. –