Font Style Guide

01.웹폰트 (common.css)

Noto Sans KR Thin (가나다라마바사)
Noto Sans KR Regular (가나다라마바사)
Noto Sans KR Medium (가나다라마바사)
Noto Sans KR Bold (가나다라마바사)

숫자 Thin (1234567890)
숫자 Regular (1234567890)
숫자 Medium (1234567890)
숫자 Bold (1234567890)

KT 기업서체 Thin (1234567890)
KT 기업서체 Regular (1234567890)
KT 기업서체 Medium (1234567890)
KT 기업서체 Bold (1234567890)

HTML

02.폰트 사이즈 [클라스명 / 폰트 사이즈]

s48 / 48px
s38 / 38px
s26 / 26px
s24 / 24px
s20 / 20px
s18 / 18px
s16 / 16px
s14 / 14px

HTML

03.폰트 컬러 [컬러명 / 클리스명 (컬러코드)]

Red / cRed (#f04b4d)
Blue / cMint (#154d8b)
Yellow / cYellow (#fdd112)
Black / cBlack (#121212)
Dark / cDark (#333333)
Gray / cGray (#606060)
DGray / cDGray (#666666)
Light Gray / cLGray (#898989)
white / cWhite (#ffffff)

HTML

04.라벨

Red / cRed (#f04b4d)
Blue / cMint (#154d8b)
Yellow / cYellow (#fdd112)
Black / cBlack (#121212)
Dark / cDark (#555555)
Light Gray / cLGray (#d9d9d9)
Light Gray / cLGray (#666)

HTML

05.폰트 class 명 조합 예시 (font-size + color + font-weight )

타이틀 : tit_ + s20 + cBlack


텍스트 : txt_ + s16 + cBlack + FM
* 폰트 가이드 01 + 02 + 03을 조합

HTML