한글 페어링 · 큐레이션

KoPub 월드 돋움+나눔명조 옛한글

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

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

A:KoPub 월드 돋움· 제작 한국출판인회의|B:나눔명조 옛한글· 제작 네이버

→ 각 폰트 종합 가이드: KoPub 월드 돋움 가이드·나눔명조 옛한글 가이드

평가 결과 · 2개 케이스

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

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

82제목 나눔명조 옛한글 · 본문 KoPub 월드 돋움

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

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

+KoPub 월드 돋움B=본문용

제작한국출판인회의상업 무료다운로드

옛 문장을 오늘의 활자로 다시 새기다

제목의 명조 세리프가 시선을 끌면서 본문 돋움이 긴 글에서도 안정적인 가독성을 확보한다. 옛한글 자형 지원으로 고문헌·인용문 표기도 가능하다.

분위기: 나눔명조 옛한글의 고전적이고 정제된 인상이 KoPub 월드 돋움의 단정한 모던함과 만나 전통과 현대가 공존하는 차분한 톤을 만든다.
대비·계층: serif 제목과 sans 본문의 구조적 대비가 뚜렷하고, KoPub 월드 돋움의 300/400/700 웨이트 범위가 정보 위계를 유연하게 지원한다.
추천 용도: 문학·인문 출판물박물관·전시 도록국학·고전 콘텐츠 웹사이트교육 교재브랜드 스토리 페이지

어울리는 영문 폰트

제목EB GaramondPlayfair DisplaySource SerifLora

본문IBM Plex SansSource Sans ProInter

나눔명조 옛한글의 클래식한 세리프 인상에는 EB Garamond·Playfair 같은 전통 세리프가, KoPub 월드 돋움의 깔끔한 휴머니스트 산세리프에는 IBM Plex Sans 계열이 구조적으로 맞물린다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2118

#a87d4a

#f5efe6

어울리는 산업 톤

출판·인문 매거진공공·문화기관 신뢰박물관·아카이브 큐레이션

76제목 KoPub 월드 돋움 · 본문 나눔명조 옛한글

KoPub 월드 돋움B=제목용

제작한국출판인회의상업 무료다운로드

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

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

옛 문장을 오늘의 호흡으로 다시 읽다

나눔명조 옛한글은 옛한글 자모까지 지원하는 정통 명조로 긴 본문에 적합하고, KoPub 월드 돋움은 곧은 골격으로 제목에서 또렷하게 인지됩니다.

분위기: 나눔명조 옛한글의 고전적이고 단정한 본문 위에 KoPub 월드 돋움의 명료한 제목이 얹혀, 전통과 현대가 균형 잡힌 출판 톤을 형성합니다.
대비·계층: 세리프 본문 vs 산세리프 제목의 분류 대비가 분명하고, 제목 700과 본문 400의 웨이트 차이가 위계를 안정적으로 만듭니다.
추천 용도: 인문·역사 단행본 본문 조판고문헌 디지털 아카이브학술지·논문집 레이아웃박물관 전시 도록 캡션

어울리는 영문 폰트

제목InterIBM Plex SansHelvetica Neue

본문Source SerifEB Garamond

본문 명조의 고전적 인상은 클래식 세리프 라틴과, 제목 돋움의 명료한 골격은 중성적 그로테스크 산세리프와 합성 시 톤이 잘 맞습니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#1f1a17

#8b6f47

#f5efe6

어울리는 산업 톤

출판 인문학술 아카이브문화·박물관 신뢰

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/KoPubDotum/subsets/KoPubDotum-dynamic-subset.css');

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

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