2016-09-28 3 views
0

이 웹 사이트에는 심볼 세트 아이콘을 사용하여 작은 고양이 또는 Wi-Fi 심볼을 사용하여 얼마 전에 구입 한 멋진 템플릿이 있습니다. wifi가 많이 있습니다. http://leeuwwitje.nl심볼 세트 아이콘이 Internet Explorer에 표시되지 않음

하지만 인터넷 익스플로러 11의 경우에는 기호가 표시되지 않습니다. 대신 키워드 만 볼 수 있습니다. 아마 IE에서이 작업을 수행하기위한 작은 스크립트를 포함해야하지만 찾을 수없는 것 같습니다.

이상한 점은 템플릿 데모에서 모두 정상적으로 작동하지만 내 사이트에서이 문제가 발생한다는 것입니다.

+1

이 나는 ​​SOMET을 가지고 있다고 생각합니다 폰트 지원과 관련이 있습니다. 아이콘 글꼴/아이콘이 CSS로로드되는 방법에 대한 CSS 코드를 보여줄 수 있습니까? – adamk22

+0

코드 도움말을 찾는 질문에는 문제를 해결하는 데 필요한 가장 짧은 코드 **가 포함되어야합니다. ** ** [** Stack Snippet **] (https://blog.stackoverflow.com/2014/09/introducing- runnable-javascript-css-and-html-code-snippets /). [** 예제 또는 사이트 링크 **] (http://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project-doesnt-work- can-i-just-paste-a-link-to-it) 링크가 무효화 될 경우 같은 문제가있는 다른 미래 SO 사용자에게는 귀하의 질문이 가치가 없을 것입니다. –

+0

실제로 아이콘과 html 사이의 연결이 어떻게되는지 알지 못합니다. 예를 들어 고양이를위한 html입니다 : 고양이 파이어 폭스와 크롬에서 결과는 귀여운 찾고 고양이지만, 즉 작동하지 않습니다. –

답변

2

실제로 아이콘 클래스를 스팬에 추가해야합니다.

<span class="ss-icon">cat</span> 

하려면 : 당신의 스팬의 모든 글꼴을 포함 당신이 그렇게 그들을 업데이트하려는 것 같습니다

<span class="ss-icon ss-cat"></span> 

확실하지 어디 아이콘 목록입니다하지만 이러한 ui.bellhelicopter.com

나를 위해 작동하는 것

<link href="https://ui.bellhelicopter.com/assets/fonts/ss-geomicons-squared/webfonts/ss-geomicons-squared.css" rel="stylesheet"/> 
 
<div> 
 
    <ul> 
 
    <li style="list-style-type:none"><i style="font-size:24px" class='ss-icon ss-cat'></i></li> 
 
    </ul> 
 

 
</div>

+0

감사합니다. Firefox에서 이것이 필요하지 않은 것은 이상한 일입니다. html은 wordpress plugin의 제품이기 때문에이 클래스 이름을 추가하는 플러그인을 얻는 방법을 알아야합니다. –

+0

물론 class 속성에 ss-cat을 추가했을 때 두 마리의 고양이가있었습니다. (나의 운) 그래서 나는 당신의보기에서 같이, 꼬리표를 비었다. 나는 아마 더 우아한 방법이있을 것이라고 생각하지만 이것은 할 것이다. 감사! –

관련 문제