designnews

한글 페어링 · 큐레이션

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

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

평가 케이스
2개
평균 점수
39점
관련 페어
6개
A:JS 동까비· 제작 정스튜디오|B:나눔명조 옛한글· 제작 네이버

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

평가 결과 · 2개 케이스

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

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

42제목 JS 동까비 · 본문 나눔명조 옛한글
JS 동까비B=제목용ⓘ 미리보기는 프리텐다드
제작정스튜디오상업 무료
+나눔명조 옛한글A=본문용ⓘ 미리보기는 프리텐다드
제작네이버상업 무료다운로드
옛글을 새롭게, 동까비와 함께 배우세요.

나눔명조 옛한글은 본문용 serif로 충분한 가독성을 제공하나, JS 동까비는 제목용 display 폰트로서 개성 강한 필기체 특성상 짧은 제목에만 적합하며 부제목이나 강조 텍스트에서는 가독성이 급격히 떨어진다.

분위기
나눔명조 옛한글의 고전적·학술적 분위기와 JS 동까비의 캐주얼·장난스러운 톤이 충돌하여 일관된 브랜드 정체성을 형성하기 어렵다. 역사 콘텐츠나 고전 문학에는 어울리지만, 현대 디자인 시스템에서는 톤 불일치가 두드러진다.
대비·계층
serif 본문 + display 제목의 구조적 대비는 명확하지만, 무게(weight) 대비가 약하다(둘 다 400). 제목의 시각적 강도를 높이기 위해 JS 동까비의 크기를 충분히 크게 설정해야 하는데, 이는 레이아웃 제약을 초래한다.
추천 용도
고전 문학·역사 관련 출판물 (옛한글 활용 시)아동·교육 콘텐츠 (동까비의 친근한 이미지 활용)박물관·문화유산 웹사이트장난스러운 톤의 에디토리얼 (제한적)

어울리는 영문 폰트

제목Playfair DisplayMerriweatherEB Garamond
본문Source SerifLora

나눔명조 옛한글의 고전 serif 특성에 맞춰 우아한 serif 영문 폰트를 권장. JS 동까비의 캐주얼 톤과는 별도로, 본문 serif와 일관성 있는 영문 serif를 선택하는 것이 실무상 안정적이다.

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

h1
48~56px
h2
28~32px
본문
16~18px
line-height
1.7

어울리는 색상

#2c2416
#d4a574
#f9f6f1

어울리는 산업 톤

출판·문화 보존교육 따뜻함
35제목 나눔명조 옛한글 · 본문 JS 동까비
나눔명조 옛한글B=제목용ⓘ 미리보기는 프리텐다드
제작네이버상업 무료다운로드
+JS 동까비A=본문용ⓘ 미리보기는 프리텐다드
제작정스튜디오상업 무료
옛날이야기를 재미있게 읽어보세요.

JS 동까비는 display 폰트로 제목보다는 짧은 강조 텍스트에 적합하며, 본문 역할로 장문 독서 시 피로도가 높습니다. 나눔명조 옛한글은 serif 본문 폰트로 가독성이 우수하지만, 제목으로 사용하면 무게감이 부족하고 현대성이 떨어집니다.

분위기
JS 동까비의 장난스럽고 캐주얼한 분위기와 나눔명조 옛한글의 고전적·격식 있는 톤이 충돌합니다. 두 폰트가 추구하는 감정이 상반되어 일관된 브랜드 정체성을 형성하기 어렵습니다.
대비·계층
두 폰트 모두 400 weight로 무게 대비가 거의 없으며, display vs serif 분류만으로는 명확한 시각적 위계를 만들기 어렵습니다. 제목-본문 구분이 구조적으로 약합니다.
추천 용도
고전 문학·역사 콘텐츠 (옛한글 특성 활용 시에만 제한적)아동·교육 소재 (동까비의 친근함 + 명조의 가독성 결합 시도)실험적 에디토리얼 디자인 (톤 충돌을 의도적으로 활용하는 경우)

어울리는 영문 폰트

제목Playfair DisplayEB GaramondLora
본문Source SerifMerriweather

나눔명조 옛한글의 serif 특성과 고전미를 살리려면 serif 영문 폰트(Playfair Display, EB Garamond)가 필수입니다. JS 동까비를 본문으로 사용할 경우 영문은 고전 serif(Source Serif, Merriweather)로 균형을 맞춰야 합니다.

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

h1
32~40px
h2
20~24px
본문
16~17px
line-height
1.65

어울리는 색상

#2c2416
#8b6f47
#f9f6f0

어울리는 산업 톤

고전 출판·문학박물관·문화유산

구현 코드 · 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;
}

관련 페어 · 같은 폰트 포함

JS 동까비 또는 나눔명조 옛한글 들어간 다른 인기 페어