한글 페어링 · 큐레이션

KoPub 월드 바탕+나눔고딕

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

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

A:KoPub 월드 바탕· 제작 한국출판인회의|B:나눔고딕· 제작 네이버

→ 각 폰트 종합 가이드: KoPub 월드 바탕 가이드·나눔고딕 가이드

평가 결과 · 2개 케이스

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

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

82제목 나눔고딕 · 본문 KoPub 월드 바탕

나눔고딕B=제목용

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

+KoPub 월드 바탕A=본문용

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

오래 읽어도 편안한 문장의 흐름.

KoPub 월드 바탕은 장문 본문에 최적화된 출판용 명조로 가독성이 매우 우수하며, 나눔고딕은 굵은 웨이트에서 제목 가독성이 명료합니다.

분위기: KoPub 월드 바탕의 차분하고 정제된 본문 위에 나눔고딕의 단정한 제목이 얹혀, 출판·교육 분야의 신뢰감 있는 톤을 형성합니다.
대비·계층: Serif 본문 + Sans 제목의 고전적 대비 구조로, 나눔고딕 800과 KoPub 본문 400 사이 웨이트 차이가 명확한 위계를 만듭니다.
추천 용도: 전자책·디지털 출판물 본문교육 콘텐츠 학습 자료공공기관 정책 보고서장문 에세이·칼럼 웹페이지

어울리는 영문 폰트

제목InterIBM Plex SansSource Sans Pro

본문Source SerifIBM Plex Serif

본문 KoPub 월드 바탕의 명조 골격에는 정통 세리프 라틴이 어울리고, 나눔고딕 제목에는 균형 잡힌 휴머니스트 산세리프가 자연스럽게 합성됩니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#1a1a1a

#8b7355

#f5efe6

어울리는 산업 톤

출판·교육 신뢰공공기관 정책라이프스타일 매거진

82제목 KoPub 월드 바탕 · 본문 나눔고딕

KoPub 월드 바탕A=제목용

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

+나눔고딕B=본문용

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

오늘의 사유, 활자로 머무르다

KoPub 월드 바탕은 출판용으로 설계되어 큰 사이즈에서 획 대비가 또렷하고, 나눔고딕은 화면·인쇄 양쪽에서 검증된 본문 가독성을 제공합니다.

분위기: KoPub 월드 바탕의 단정하고 권위 있는 인상이 제목을 주도하고, 나눔고딕의 중립적이고 깔끔한 본문이 차분한 신뢰감을 완성합니다.
대비·계층: 세리프 제목 vs 산세리프 본문이라는 클래식 대비 구조로 위계가 자연스럽게 분리되며, 700 웨이트의 제목과 400 본문 사이 굵기 격차도 충분합니다.
추천 용도: 출판물 본문 디자인공공기관 보고서교육 콘텐츠 웹페이지장문 아티클·매거진전자책·뉴스레터

어울리는 영문 폰트

제목Source SerifEB GaramondMerriweatherIBM Plex Serif

본문InterIBM Plex SansSource Sans Pro

KoPub 월드 바탕의 정통 세리프 골격에는 동일한 출판 톤의 Source Serif·EB Garamond가, 나눔고딕의 중립 산세리프 본문에는 균형 잡힌 Inter·IBM Plex Sans가 합성 글꼴로 자연스럽게 결합됩니다.

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

36~44px

24~28px

본문

16~17px

line-height

1.7

어울리는 색상

#1f2937

#8b7355

#f5efe6

어울리는 산업 톤

출판·매거진 정통공공기관 신뢰교육 따뜻B2B 리포트 클래식

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/KoPubBatang/subsets/KoPubBatang-dynamic-subset.css');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');

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

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