한글 페어링 · 큐레이션

JS 동까비+나눔명조 옛한글

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

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

A:JS 동까비· 제작 정스튜디오|B:나눔명조 옛한글· 제작 네이버

→ 각 폰트 종합 가이드: JS 동까비 가이드·나눔명조 옛한글 가이드

평가 결과 · 2개 케이스

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

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

58제목 JS 동까비 · 본문 나눔명조 옛한글

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

제작정스튜디오상업 무료

+나눔명조 옛한글A=본문용ⓘ 미리보기는 프리텐다드

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

오래된 이야기가 조용히 깨어납니다

나눔명조 옛한글은 옛한글 자모를 포함한 정통 명조로 긴 호흡의 본문에 적합하며, JS 동까비는 제목 단어 단위로 시선을 끄는 디스플레이 용도에 한정해 사용해야 합니다.

분위기: 나눔명조 옛한글이 만들어내는 고전적이고 정갈한 본문 위에 JS 동까비의 장난스러운 손글씨 제목이 얹히며 향수와 유희가 공존하는 분위기를 형성합니다. 다만 시대감의 결이 달라 톤 일치에는 신중한 조율이 필요합니다.
대비·계층: 세리프 본문과 손글씨 디스플레이 제목의 형태 대비가 크고, weight는 동일 400이어도 획의 리듬 차이로 위계가 충분히 형성됩니다.
추천 용도: 전래동화·옛이야기 그림책 본문전통문화 아카이브 도록 본문감성 에세이 매거진 내지민예·공예 브랜드 소책자어린이 대상 문화재 교육 자료

어울리는 영문 폰트

제목CaveatShrikhandFraunces

본문EB GaramondSource Serif

본문은 고전 세리프로 나눔명조 옛한글의 정통성을 보완하고, 제목은 손글씨·캐주얼 디스플레이 라틴으로 동까비의 장난기를 자연스럽게 잇습니다.

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

36~44px

24~28px

본문

17~19px

line-height

1.75

어울리는 색상

#3a2a1a

#c08457

#f6efe3

어울리는 산업 톤

전통문화 아카이브출판 에세이 따뜻어린이 교육 친근

38제목 나눔명조 옛한글 · 본문 JS 동까비

나눔명조 옛한글B=제목용ⓘ 미리보기는 프리텐다드

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

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

제작정스튜디오상업 무료

옛이야기 속 동까비가 살며시 웃었다

JS 동까비는 디스플레이 폰트라 긴 본문 가독성이 낮고, 나눔명조 옛한글 제목은 또렷하나 본문이 시각적으로 산만해 정보 전달이 약하다.

분위기: JS 동까비의 장난스럽고 캐주얼한 손글씨 인상이 본문을 주도하면, 나눔명조 옛한글의 고전적·전통적 제목이 위에서 충돌하며 일관된 톤을 만들기 어렵다.
대비·계층: serif 제목과 손글씨풍 본문이라 형태 대비는 강하지만, 두 폰트가 각자 개성이 강해 위계가 아닌 경쟁 구도로 읽힌다.
추천 용도: 전통 소재 패러디 포스터어린이용 옛이야기 책 표지·인용구공예 전시 보조 캡션문화행사 굿즈 패키지

어울리는 영문 폰트

제목EB GaramondPlayfair DisplaySource Serif

본문CaveatPatrick Hand

제목 나눔명조 옛한글은 고전 세리프 라틴과, 본문 JS 동까비는 손글씨 계열 라틴과 형태 인상이 자연스럽게 이어진다.

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

32~40px

22~26px

본문

17~19px

line-height

1.7

어울리는 색상

#3a2a1f

#c87a3f

#f5efe6

어울리는 산업 톤

전통문화 캐주얼어린이 콘텐츠 따뜻공예·문화행사 친근

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

/* JS 동까비 또는 나눔명조 옛한글의 공식 CDN이 없어 Pretendard로 fallback 처리 */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable.min.css');

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

/* 본문 */
body, p {
  font-family: 'Pretendard Variable', sans-serif;
}