폰트어썸 최신버전을 다운 받은 다음 어떻게 처리해야 하나요??
애드온의 문제인지는 모르겠지만 특정한 페이지들에서 폰트어썸이 불러오지 못하는 현상이 있어 그냥 레이아웃에서 불러오는 것으로 처리해 보려 합니다.
xe-icon 처럼 해보려 하는데요...
-
-
xe-icon 과 같은 경로로 업로드하고 같은 방식으로 불러왔는데 안되네요. 제가 뭘 잘못하고 있는거 같긴한데... 뭘까요... 끙... -
아.. .css 위 치가 xe-icon 이랑 경로가 틀리군요. 감사합니다.
-
http://fontawesome.io/
에서 다운로드 받으시고 받으신 css, fonts 폴더를 레이아웃에 올리신다음
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
가될수있도록
<load target="css/font-awesome.min.css" />
으로 로딩 시켜주면되요. -
감사합니다. 처리 될 듯 해요. xe-icon 컨닝해서 해봤는데 안되는 이유를 찾은듯 합니다.
-
디버그 하실려면 사실상 압축하고있는 형태를 좀 지우시고, 경로를 확인할 수 있어야해요.
-
디버그 안하고 할줄 몰라서 그냥 압축된거 로 무조건 씁니다 ㅋㅋ
-
그냥 php를 뽑아내는것이 디버그가 아니에요.
css경로 재대로 잡혓는지, 아닌지 그런것 확인하는것도 디버그의 일종입니다.
그래서 압축애드온을 잠시 꺼둔다면 실제 경로로 표시될테니 해당 경로에 있는 파일들을 기준으로 load되고있는지 아닌지 확인하기가 더편하실거에요.
(실제로 파일이 재대로 로드가 되어있으면 파일명끝에 날자가 붙습니다
ex) http://도메인.com/asd/asd/asd.css?20160517161623 )
날자가 붙어있지 않으면 로드가 재대로되고있지 않는 항목으로 구별하기 편하실꺼에요.
load에서 type="body" 옵션이 있는데 이는 쓰지 않기를 권장합니다. -
웹지기님 혹시 성공하셨으면 방법 알려주실순 없으시나요. ㅠㅠ -
어.. 이 댓글에 정보가 정확한 방법인데요..
폰트를 위 댓글의 사이트에서 다운 받으신다음 압축을 풀어보세요.
그럼 font-awesome - 버전 이렇게 폴더가 풀릴겁니다. 버전은 그냥 지우시구요. 사이트의 적당한 폴더에 위 폴더를 통째로 업로드 하십니다.
저는 xe-icon 처럼 모든 레이아웃에서 불러가게 하려고 그냥 common 폴더에 업로그 했습니다.
그럼 /common/font-awesome 이 위치에 다운받은 자료 전체가 업로드 되어 있는거구요.
이제 레이아웃들에서 이 폰트어썸의 .css를 불러와야 하는데요..
자료의 하위폴더를 뒤져보시면
<load target="../../common/font-awesome/css/font-awesome.min.css" />
위 위치에 해당 파일이 있는것을 확인하실 수 있습니다. 레이아웃 상단 즈음에 저렇게 불러오시면 해당하는 레이아웃에서는 어떤 페이지를 가던지 불러오게 됩니다. -
앗 감사합니다.
-
현명한 선택이십니다. 저도 그렇게 했더니 페이지 로딩 속도가 좋아지더군요. -
저는 속도는 생각도 못했는데 한가지 더 얻어 걸린거군요 ㅋ 뭔가 원인을 알수 없는 특정한 페이지에서 못불러오는 상황이라 애드온 사용을 중지하고 이렇게 처리하게 되었네요. 여러모로 긍정적인 효과가 있으니 괜찮은 방법이었네요.
폰트어썸을 다운받아서 레이아웃 아래의 적당한 경로에 넣으신 후, layout.html에서
(layouts/레이아웃명/font-awesome 경로에 넣으셨다고 가정합니다)
<load target="./font-awesome/css/font-awesome.min.css" />