애니빌드.LAB
토론방
소스관련 폰트관련
- 김**태
- 2018-03-29 12:43:22
- hit3377
- http://wdev.anybuild.co.kr/bbs/qna/6970
캡쳐한 이미지는 메인페이지 좌측 카테고리입니다.
카테고리 글씨체 변경을하려고 나눔볼드체로 적용을 하였는데 적용이 안되네요 왜 그런거죠?
게시글 공유
URL복사
댓글작성
열기 닫기
열기 닫기
웹폰트 적용방법이 잘못되었습니다.
# 설명
@font-face {
font-family: 'Nanum Gothic';
font-style: normal;
font-weight: 400;
src: url('/img_up/shop_pds/kimst80/design/font/NanumGothic-Regular.eot');
src: url('/img_up/shop_pds/kimst80/design/font/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
url('/img_up/shop_pds/kimst80/design/font/NanumGothic-Regular.woff2') format('woff2'),
url('/img_up/shop_pds/kimst80/design/font/NanumGothic-Regular.woff') format('woff'),
url('/img_up/shop_pds/kimst80/design/font/NanumGothic-Regular.ttf') format('truetype');
}
@font-face {
font-family: 'Nanum Gothic';
font-style: normal;
font-weight: 700;
src: url('/img_up/shop_pds/kimst80/design/font/NanumGothic-Bold.eot');
src: url('/img_up/shop_pds/kimst80/design/font/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'),
url('/img_up/shop_pds/kimst80/design/font/NanumGothic-Bold.woff2') format('woff2'),
url('/img_up/shop_pds/kimst80/design/font/NanumGothic-Bold.woff') format('woff'),
url('/img_up/shop_pds/kimst80/design/font/NanumGothic-Bold.ttf') format('truetype');
}
@font-face {
font-family: 'Nanum Gothic';
font-style: normal;
font-weight: 800;
src: url('/img_up/shop_pds/kimst80/design/font/NanumGothic-ExtraBold.eot');
src: url('/img_up/shop_pds/kimst80/design/font/NanumGothic-ExtraBold.eot?#iefix') format('embedded-opentype'),
url('/img_up/shop_pds/kimst80/design/font/NanumGothic-ExtraBold.woff2') format('woff2'),
url('/img_up/shop_pds/kimst80/design/font/NanumGothic-ExtraBold.woff') format('woff'),
url('/img_up/shop_pds/kimst80/design/font/NanumGothic-ExtraBold.ttf') format('truetype');
}
font-family 가 Nanum Gothic 이고,
font-weight 가 800 일 때,
NanumGothic-ExtraBold 가 적용됩니다.
# 수정
#pm2-pm-goods_tab1__15446__ .dep1 > li > a {padding:12px 15px;background:#2186c4;font-size:16px;color:#fff;font-family:'NanumGothic-ExtraBold';}
->
#pm2-pm-goods_tab1__15446__ .dep1 > li > a {padding:12px 15px;background:#2186c4;font-size:16px;color:#fff;font-family:'NanumGothic';font-weight:800;}
위의 내용을 참고하셔서 서브 메뉴 및, 오버 css 를 수정해보시기 바랍니다.
(html 에서 인라인으로 적용된 style을 삭제하였습니다.)