폰트어썸 최신버전을 다운 받은 다음 어떻게 처리해야 하나요??
애드온의 문제인지는 모르겠지만 특정한 페이지들에서 폰트어썸이 불러오지 못하는 현상이 있어 그냥 레이아웃에서 불러오는 것으로 처리해 보려 합니다.
xe-icon 처럼 해보려 하는데요...
폰트어썸 최신버전을 다운 받은 다음 어떻게 처리해야 하나요??
애드온의 문제인지는 모르겠지만 특정한 페이지들에서 폰트어썸이 불러오지 못하는 현상이 있어 그냥 레이아웃에서 불러오는 것으로 처리해 보려 합니다.
xe-icon 처럼 해보려 하는데요...
댓글 13
폰트어썸을 다운받아서 레이아웃 아래의 적당한 경로에 넣으신 후, layout.html에서
(layouts/레이아웃명/font-awesome 경로에 넣으셨다고 가정합니다)
<load target="./font-awesome/css/font-awesome.min.css" />
에서 다운로드 받으시고 받으신 css, fonts 폴더를 레이아웃에 올리신다음
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
가될수있도록
<load target="css/font-awesome.min.css" />
으로 로딩 시켜주면되요.
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" />
위 위치에 해당 파일이 있는것을 확인하실 수 있습니다. 레이아웃 상단 즈음에 저렇게 불러오시면 해당하는 레이아웃에서는 어떤 페이지를 가던지 불러오게 됩니다.