한글 페어링 · 큐레이션

KoPub 월드 바탕+나눔스퀘어 네오

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

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

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

→ 각 폰트 종합 가이드: KoPub 월드 바탕 가이드·나눔스퀘어 네오 가이드

평가 결과 · 2개 케이스

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

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

82제목 KoPub 월드 바탕 · 본문 나눔스퀘어 네오

KoPub 월드 바탕A=제목용

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

+나눔스퀘어 네오B=본문용

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

활자의 품격, 시대를 잇다

KoPub 월드 바탕은 획 굵기 대비가 명확해 제목에서 시선을 확실히 잡고, 나눔스퀘어 네오는 균일한 자폭과 넓은 카운터로 긴 본문 읽기에 매우 적합하다.

분위기: KoPub 월드 바탕의 단정한 출판 세리프가 제목을 격조 있게 이끌고, 나눔스퀘어 네오의 모던한 산세리프가 본문을 깔끔하게 받쳐 신뢰감 있는 톤을 만든다.
대비·계층: 세리프 제목과 산세리프 본문이라는 고전적 대비 공식에 더해 굵기 변주(700 vs 400)로 위계가 또렷하게 분리된다.
추천 용도: 출판물 본문 레이아웃공공기관 리포트교육 콘텐츠 웹페이지에디토리얼 매거진장문 기사·뉴스레터

어울리는 영문 폰트

제목Source SerifEB GaramondIBM Plex SerifMerriweather

본문InterIBM Plex SansSource Sans Pro

KoPub 월드 바탕의 클래식한 세리프 구조는 Source Serif·EB Garamond 같은 본문용 세리프와 골격이 닮았고, 나눔스퀘어 네오는 Inter·IBM Plex Sans처럼 기하학적이며 중립적인 산세리프와 자폭·웨이트가 자연스럽게 호응한다.

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

36~44px

24~28px

본문

16~17px

line-height

1.65

어울리는 색상

#1a1a1a

#8b7355

#f5efe6

어울리는 산업 톤

출판·에디토리얼공공기관 신뢰교육 따뜻B2B 리서치 리포트

78제목 나눔스퀘어 네오 · 본문 KoPub 월드 바탕

나눔스퀘어 네오B=제목용

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

+KoPub 월드 바탕A=본문용

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

오래된 책장에서 발견한 한 줄의 문장

KoPub 월드 바탕은 출판용으로 설계된 본문 세리프라 긴 문장 가독성이 매우 우수하고, 나눔스퀘어 네오는 9단계 웨이트로 헤드라인에서 즉각적인 시선을 잡습니다.

분위기: KoPub 월드 바탕의 차분하고 정제된 본문 인상이 나눔스퀘어 네오의 명료한 산세리프 강조와 만나 신뢰감 있는 출판 톤을 형성합니다.
대비·계층: 세리프 본문과 기하학적 산세리프 제목의 카테고리 대비가 명확하며, 네오의 Heavy/Black 웨이트가 본문 Regular와 강한 위계를 만듭니다.
추천 용도: 전자책·디지털 매거진 본문장문 칼럼·에세이 웹페이지공공기관 보고서교양 콘텐츠 블로그뉴스레터 본문

어울리는 영문 폰트

제목InterManropeIBM Plex SansPlus Jakarta Sans

본문Source SerifEB GaramondLora

본문 세리프 KoPub 월드 바탕은 클래식한 라틴 세리프와 골격이 맞고, 제목 네오는 기하학 산세리프 Inter·Manrope 계열과 구조적 친화성이 높습니다.

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

32~40px

22~26px

본문

17~18px

line-height

1.75

어울리는 색상

#2b2b2b

#a67c52

#f7f3ec

어울리는 산업 톤

출판·전자책 신뢰공공기관·교육 차분라이프스타일 매거진교양 콘텐츠 따뜻

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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