Amway 반응형 코딩 가이드

폰트 미리보기 (PC/Mobile/PSD)

font-family : “Noto Sans KR”

.fntH1.fntL

폰트 84px

.fntH1

폰트 76px

.fntH1.fntM

폰트 72px

.fntH2.fntL

폰트 64px

.fntH2

폰트 56px

.fntH2.fntM

폰트 62px

.fntH3.fntL

폰트 52px

.fntH3

폰트 48px

.fntH3.fntM

폰트 50px

.fntH4.fntL

폰트 44px

.fntH4

폰트 40px

.fntH4.fntM

폰트 46px

.fntH5.fntL

폰트 38px

.fntH5

폰트 36px

.fntH6.fntL

폰트 34px

.fntH6

폰트 32px


텍스트용 폰트/기타 (PC/Mobile/PSD)

.fntP

폰트 30px

기본사이즈 (클래스 없음)

폰트 28px

.fntE

폰트 24px

(주석용)


폰트 굵기

font-weight

(PS : Light, Thin, DemiLight / font-weight : 300)

큰 폰트 .light

(PS : Regular / font-weight : 400) : 기본

큰 폰트 .regular

(PS : Medium / font-weight : 500) : <strong>, <b>

큰 폰트 .bold

(PS : Bold, Black / font-weight : 700)

큰 폰트 .bolder

(PS : Light, Thin, DemiLight / font-weight : 300)

중간 폰트 .light

(PS : Regular / font-weight : 400) : 기본

중간 폰트 .regular

(PS : Medium / font-weight : 500) : <strong>, <b>

중간 폰트 .bold

(PS : Bold, Black / font-weight : 700)

중간 폰트 .bolder

(PS : Light, Thin, DemiLight / font-weight : 300)

작은 폰트 .light

(PS : Regular / font-weight : 400) : 기본

작은 폰트 .regular

(PS : Medium / font-weight : 500) : <strong>, <b>

작은 폰트 .bold

(PS : Bold, Black / font-weight : 700)

작은 폰트 .bolder