묻고답하기
Font-Awesome가 나타나지 않는 이유가 뭘까요?
2014.01.30 18:21
Font-Awesome 폰트를 사용하는 레이아웃에서
어는 순간에 Font-Awesome가 나타나지를 않습니다.
Font-Awesome 애드온을 설치했는데도 나타나지 않으니
어떤 프로그램에 영향을 받아서 그런지 알 수가 없습니다.
아시는 분 답변 주시면 고맙겠습니다.
즐거운 설연휴 되시길 바랍니다.*^_^*
댓글 15
-
휘즈
2014.01.30 18:30
-
㉿반딧불
2014.01.30 18:42
폰트(글자체)가 아니라 아이콘과 같은 이미지 폰트를 말하는 것입니다.
http://fortawesome.github.io/Font-Awesome/icons/
위의 사이트에서 가져다 쓰는 아이콘이 나타나질 않습니다.ㅠㅠ
예로들면 검색 아이콘 등입니다.
-
휘즈
2014.01.30 18:56
같은 것입니다.
웹폰트로 사용하는 것이 일반적인 방법이고
이것을 애드온으로 제작한 것입니다.
http://fortawesome.github.io/Font-Awesome/get-started/
-
KS
2014.01.30 18:35
이러한 질문을 올리실 때는 기본적으로 사용하시는 xe 버전, 문제가 있는 URL 등을 첨부해 주시면 해결하기 수월해요.
-
㉿반딧불
2014.01.30 18:50
예, 고맙습니다.
아래 링크는 제가 xe 배우면서 이것 저것 연습하고 적용해 보는 사이트입니다.
http://www.iphotoclub.kr/landscape
xe core버전은 1.7.3.8 이구요.
조금 전에 확인했는데 로그인을 하면 나타나지 않고 로그아웃을 하니 나타나는군요.
이것은 무슨 조화인지 모르겠습니다.
오른쪽 위의 검색과 전체메뉴보기 아이콘과 하단의 아이콘들입니다.
-
KS
2014.01.30 19:03
방금 KS 라는 닉네임으로 가입하고 로그인 해봤는데 정상출력 되고 있습니다.
비회원일 경우에도 잘 출력 되구요. 관리자 일 경우 안되는건가요?
-
㉿반딧불
2014.01.30 19:06
네, 일반회원으로는 확인 못해 봤는데요.
관리자 권한으로 로그인 하니 그렇습니다.
일반회원으로 다시 테스트 한번 해 봐야겠습니다. *^_^*
-
㉿반딧불
2014.01.30 19:08
그렇네요. 관리자에게만 나타나지가 않습니다.ㅠㅠ
-
KS
2014.01.30 19:54
관리자로 로그인 후 웹페이지에서 소스보기 한 후에 css 로드되는 곳에서
<link rel="stylesheet" href="/addons/font-awesome/css/font-awesome.min.css?20140130143908" />
<link rel="stylesheet" href="/addons/font-awesome/css/font-awesome-ie7.min.css?20140130143908" />
다음이 로드 되는지 확인해 보세요.
-
㉿반딧불
2014.01.30 20:02
관리자로 로그인 하니 위의 소스는 보이지가 않고,
로그아웃 하니 위의 소스가 보입니다.
그러면 어떻게 해야 하는지요?
-
KS
2014.01.30 20:19
Font-awesome 애드온을 삭제하거나 중지해 보세요.
살펴보니 사이트 레이아웃에서 이미 Font-awesome.css 가 내장되어 중복이 됩니다.
검색아이콘 등은 다음의 CSS 에서 참조하고 있습니다.
http://www.iphotoclub.kr/layouts/nextep12/assets/css/font-awesome.min.css?20140130141510
그러므로 Font-awesome 애드온은 필요가 없을것으로 판단 됩니다.
-
㉿반딧불
2014.01.30 20:29
Font-awesome 애드온을 삭제해도 마찬가지 입니다.ㅠㅠ
-
㉿반딧불
2014.01.30 20:35
원인을 찾았습니다.
압축XE 애드온을 꺼니 제대로 나타나는군요.
관심가져 주셔서 너무 감사합니다.*^_^*
-
KS
2014.01.30 20:50
별 말씀을요..이렇게 문제가 발생했을 때 하나하나 대처하다 보면 원인으로 추정 되는 것들이 밝혀 집니다.
이번엔 전혀 뜻밖의 녀석이 범인이였군요. (얼떨껼에 찾아지기도 하죠 ㅎㅎ)
고생하셨습니다~
-
jambox
2014.01.30 23:37
답변을 달아드릴려고 왔는데 이미 해결하셨군요. ^^ 축하드립니다. 그리고 완전히 끄지는 말고 옵션 조정을 좀 하시면 Font-Awesome이 작동하면서 속도도 잡으실 수 있으실 거에요.
어떤 프로그램이 설치되어 있는지 모르니 어떤 프로그램영향인지 알려 줄 방도는 없구요.
가장 보편적인 방법으로 사용하세요
font-awesome을 다운받아 업로드하고 레이아웃에 다음과 같이 한 줄 입력하세요
<load target="업로드 경로/font-awesome/css/font-awesome.min.css" />