애니빌드.LAB
토론방
디자인 관련 아이콘이 나오지 않습니다.
- 유**연
- 2018-05-18 15:55:08
- hit4560
- http://lab.anybuild.co.kr/bbs/qna/7003
기본 아이콘설정이 노출되지 않고 있네요.
폰트를 나눔고딕으로만 처리했더니 증상이 나타나는거 같은데.
폰트는 현재 상태 유지하고 아이콘도 활용할수 있는 방법 안내 부탁드립니다.
게시글 공유
URL복사
댓글작성
열기 닫기
열기 닫기
스킨 수정에서 css파일에 2번째줄에 있는
@font-face{
font-family:'Nanum Gothic';
}
로 되어 있습니다.
해당 font-face는 스킨에 아이콘을 적용하는 폰트를 로드하고 지정된 이름으로 font-family가 적용됩니다.
즉 해당부분은 font-family:'icomoon';으로 고정이 되어야 합니다.
홈페이지의 글씨체를 변경하실려면 별도로 로드하여 적용시켜 주세요.
기본적으로 폰트로드는 경량화 되지않았을 경우 홈페이지가 느려지는 원인이 됩니다.
방법.1 google font service를 이용한 CDN 링크방식
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
body, table, div, p {font-family:'Nanum Gothic';}
위와 같이 로드했을 경우 구글에서 지정된 font-family명을 사용해야 합니다.
방법.2 서버 내에 있는 폰트로드
@font-face{font-family:'Nanum Gothic'; src:url('/fonts/NanumGothic.woff')}
@font-face{font-family:'Nanum Gothic'; src:url('/fonts/NanumGothic.eot')}
body, table, div, p {font-family:'Nanum Gothic';}
방법.3 방법.2번를 개선한 방식
@font-face{
font-family:"Nanum Gothic";
src:url('/fonts/NanumGothic.eot');
src:url('/fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
url('/fonts/NanumGothic.woff') format('woff'),
url('/fonts/NanumGothic.ttf') format('truetype');
url('/fonts/NanumGothic.svg#NanumGothic') format('svg')
src:local(※), url('/fonts/NanumGothic.woff') format('woff');
}
방법2, 방법3의 url 경로는 파일업로드한 폴더의 위치입니다. 위의 예제에서는 임의로 작성되었습니다.