COMMON
폰트 설정
데모 사이트마다 경로가 상이할 수 있습니다.
아래 해당하는 경로에서 수정해주세요.
- http://builder.cafe24.com/admin/ > 관리자 로그인 > 디자인관리 > JS/CSS/TXT > 디자인야미 > 폰트설정(css)
- http://builder.cafe24.com/admin/ > 관리자 로그인 > 디자인관리 > JS/CSS/TXT > Dyami/custom > custom(css)
폰트 스타일
– 템플릿 디자인은 구글에서 제공하는 웹폰트로 구현되어 있습니다. https://fonts.google.com/
– 쿠키 및 방문기록 삭제 후 적용되는 것을 확인바랍니다.
– 아래 샘플소스는 템플릿마다 상이할 수 있습니다.
/* Google - https://fonts.google.com/
-----------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Catamaran:wght@100;300;400;500;600;700;800&display=swap');
/* Font style
-----------------------------------------------------------------*/
body {font-family: 'Catamaran', 'Noto Sans KR', sans-serif !important;}
.font-eng {font-family: 'Catamaran',sans-serif;}
폰트 사이즈
– 해당값을 변경하면 전체 사이트에 일괄 변경됩니다.
– 하나의 요소에만 적용을 원하시면 해당 클래스를 삭제 후 인라인 스타일을 적용해야 합니다.
– 아래 샘플소스는 템플릿마다 상이할 수 있습니다.
body {font-size: 16px;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-weight: 400;line-height: 1.5;margin: 0 0 18px 0;}
h1, .h1 {font-size: 40px;}
h2, .h2 {font-size: 36px;}
h3, .h3 {font-size: 32px;}
h4, .h4 {font-size: 28px;}
h5, .h5 {font-size: 22px;}
h6, .h6 {font-size: 18px;}
@media (max-width: 1199px) {
h1, .h1 {font-size: 2rem;}
h2, .h2 {font-size: 1.75rem;}
h3, .h3 {font-size: 1.5rem;}
h4, .h4 {font-size: 1.25rem;}
h5, .h5 {font-size: 20px;}