한글 페어링 · 큐레이션

JS 동까비+나눔 붓체

두 한글 폰트의 큐레이션·점수화 페어링. 어울리는 영문 폰트, 권장 사이즈, 색상 팔레트, 산업 톤까지 한 페이지에서.

평가 케이스: 2개
평균 점수: 35점
관련 페어: 6개

A:JS 동까비· 제작 정스튜디오|B:나눔 붓체· 제작 네이버

→ 각 폰트 종합 가이드: JS 동까비 가이드·나눔 붓체 가이드

평가 결과 · 2개 케이스

제목·본문 컨텍스트별 페어 분석

점수, 어울리는 영문 폰트, 권장 크기, 색상 팔레트를 케이스별로.

35제목 JS 동까비 · 본문 나눔 붓체

JS 동까비B=제목용ⓘ 미리보기는 프리텐다드

제작정스튜디오상업 무료

+나눔 붓체A=본문용

제작네이버상업 무료다운로드

손글씨 감성의 장난스러운 디자인

나눔 붓체는 본문용 handwriting 폰트로 긴 글 읽기에 부적합하다. 획의 굵기 변화가 크고 자간이 불규칙해 문단 단위 가독성이 떨어진다. JS 동까비는 제목용으로는 강렬하지만, 본문 폰트가 약하면 정보 위계가 무너진다.

분위기: 나눔 붓체의 부드럽고 손글씨 감성과 JS 동까비의 장난스럽고 캐주얼한 디스플레이 톤이 겹쳐, 전체 분위기가 산만하고 일관성을 잃는다. 두 폰트 모두 개성이 강해 함께 쓰면 톤 충돌이 심하다.
대비·계층: 두 폰트 모두 display·decorative 성격이 강해 weight 대비보다는 스타일 대비에만 의존한다. 명확한 정보 위계를 만들기 어렵고, 제목과 본문의 역할 구분이 흐릿하다.
추천 용도: 아동·유아 교육 콘텐츠 (매우 제한적)감성 일러스트레이션 텍스트 오버레이 (짧은 카피만)인스타그램 스토리 그래픽 (한두 줄 텍스트)

어울리는 영문 폰트

제목ManropePlus Jakarta SansSatoshi

본문InterSource Sans Pro

JS 동까비의 캐주얼하고 친근한 톤에 맞추려면 현대적이고 따뜻한 sans-serif가 필요하다. 나눔 붓체는 영문 페어링이 거의 불가능하므로, 제목용 JS 동까비 중심으로 영문을 매칭하는 것이 실무적이다.

권장 사이즈 (한국어 기준)

36~44px

20~24px

본문

14~16px

line-height

1.6

어울리는 색상

#f5efe6

#d4a574

#2a2a2a

어울리는 산업 톤

아동 교육 따뜻함감성 일러스트레이션

35제목 나눔 붓체 · 본문 JS 동까비

나눔 붓체A=제목용

제작네이버상업 무료다운로드

+JS 동까비B=본문용ⓘ 미리보기는 프리텐다드

제작정스튜디오상업 무료

따뜻한 손글씨로 마음을 전하세요.

JS 동까비는 본문용 폰트가 아니라 디스플레이 용도로 설계되어 긴 글 읽기에 부적합하며, 나눔 붓체도 제목용으로는 가독성이 떨어집니다. 둘 다 실무 본문 역할에 맞지 않습니다.

분위기: 나눔 붓체의 부드럽고 손글씨 감성과 JS 동까비의 강렬한 디스플레이 특성이 충돌하여 일관된 톤을 형성하기 어렵습니다. 분위기 통일성이 부족합니다.
대비·계층: 두 폰트 모두 display 계열이거나 특수 용도(handwriting)로 분류되어 명확한 정보 위계를 만들기 어렵습니다. 제목과 본문의 무게감 대비가 불충분합니다.
추천 용도: 포스터·플래카드 (두 폰트 모두 디스플레이 용도)이벤트 배너 (강조 텍스트만 가능)일러스트레이션 텍스트 오버레이 (짧은 문구)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterSource Sans Pro

나눔 붓체의 감성적 손글씨 톤을 보완하려면 현대적이고 부드러운 산세리프(Manrope, Plus Jakarta Sans)가 어울리며, 본문은 높은 가독성의 중립적 산세리프(Inter, Source Sans Pro)로 실무성을 확보해야 합니다.

권장 사이즈 (한국어 기준)

36~44px

20~24px

본문

14~16px

line-height

1.6

어울리는 색상

#2d2d2d

#d4a574

#f9f7f4

어울리는 산업 톤

라이프스타일 매거진교육·따뜻한 톤

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

폰트의 공식 CDN을 자동 매핑. 그대로 복사해서 프로젝트에 붙여 넣으세요.

@import url('https://fonts.googleapis.com/css2?family=Nanum+Brush+Script&display=swap');

/* 제목 */
h1, h2, h3 {
  font-family: 'Pretendard Variable', sans-serif;
}

/* 본문 */
body, p {
  font-family: 'Nanum Brush Script', sans-serif;
}