주 사용 색상 | ||
---|---|---|
용도 | 컬러코드 | 예시 |
main color | #ff5a60 | #ff5a60 |
font color | #868d95 | #868d95 |
태그 | font-size | font-weight | line-height | color | 예시 |
---|---|---|---|---|---|
테마설정 폰트 :Noto Sans KR 참고 : Noto Sans KR 폰트의 6단계 굵기(font-weight) Thin(100) Light(300) Regular(400) Medium(500) Bold(700) Black(900) |
|||||
h1 | 테마설정 굵기 | # class="themecolor" |
가나다라마바사
|
||
h2 | 테마설정 굵기 | # class="themecolor" |
가나다라마바사
|
||
h3 | 테마설정 굵기 | # class="themecolor" |
가나다라마바사
|
||
h4 | 테마설정 굵기 | # class="themecolor" |
가나다라마바사
|
||
h5 | 테마설정 굵기 | # class="themecolor" |
가나다라마바사
|
||
h6 | 테마설정 굵기 | # class="themecolor" |
가나다라마바사
|
||
body(Content) | 테마설정 굵기 | # class="themecolor" |
가나다라마바사 가나다라마바사 |
테마옵션에 설정된 폰트 굵기 이외 다른 굵기를 지정해주고 싶을때 사용하는 class <h1 class="fw-100">{font-weight:100;}</h1> <h1 class="fw-300">{font-weight:300;}</h1> <h1 class="fw-400">{font-weight:400;}</h1> <h1 class="fw-500">{font-weight:500;}</h1> <h1 class="fw-700">{font-weight:700;}</h1>
HTML 표준 줄바꿈 <br/> 태그(모든 화면에서 줄바꿈) 모바일에서만 줄바꿈 : <br class="mobile-enter"/> 태블릿에서만 줄바꿈: <br class="tablet-enter"/> 데스크탑에서만 줄바꿈: <br class="desktop-enter/>