한글 페어링 · 큐레이션

KoPub 월드 바탕+본고딕

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

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

A:KoPub 월드 바탕· 제작 한국출판인회의|B:본고딕· 제작 어도비·구글

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

평가 결과 · 2개 케이스

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

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

86제목 본고딕 · 본문 KoPub 월드 바탕

본고딕B=제목용ⓘ 미리보기는 프리텐다드

제작어도비·구글상업 무료다운로드

+KoPub 월드 바탕A=본문용

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

오래된 문장은 오늘도 조용히 읽힌다

KoPub 월드 바탕은 긴 글 읽기에 최적화된 출판용 명조로 장문 가독성이 우수하며, 본고딕은 다양한 웨이트로 제목 시인성이 높다.

분위기: KoPub 월드 바탕의 단정한 출판 정서가 본문을 차분히 이끌고, 본고딕이 명료한 산세리프 헤드라인으로 현대적 균형을 잡아준다.
대비·계층: 세리프 본문과 산세리프 제목의 구조적 대비에 본고딕의 폭넓은 웨이트 스펙트럼이 더해져 정보 위계가 또렷하게 형성된다.
추천 용도: 디지털 출판물 본문장문 칼럼·에세이 웹페이지리포트·백서 PDF교육 콘텐츠 본문 조판

어울리는 영문 폰트

제목InterIBM Plex SansManropeHelvetica Neue

본문Source SerifMerriweatherIBM Plex Serif

본문은 KoPub 바탕의 출판 정서를 잇는 세리프 영문이, 제목은 본고딕과 골격이 닮은 휴머니스트·기하 산세리프가 자연스럽게 조응한다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#1f2933

#9b6b3f

#f6f2ec

어울리는 산업 톤

출판·매거진 정제교육 콘텐츠 신뢰공공기관 아카이브리서치 리포트

84제목 KoPub 월드 바탕 · 본문 본고딕

KoPub 월드 바탕B=제목용

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

+본고딕A=본문용ⓘ 미리보기는 프리텐다드

제작어도비·구글상업 무료다운로드

오늘의 풍경은 조용히 페이지를 넘긴다

본고딕은 다양한 웨이트와 안정된 자족으로 긴 글 읽기에 매우 적합하다. KoPub 월드 바탕은 획 대비가 또렷해 제목으로 시선을 끌면서도 가독성을 잃지 않는다.

분위기: 본고딕의 중립적이고 정제된 sans가 본문을 차분히 떠받치고, KoPub 월드 바탕의 고전적 세리프가 제목에서 품격 있는 인상을 더한다. 모던과 전통이 균형 있게 어우러지는 톤이다.
대비·계층: sans 본문과 serif 제목의 분류 대비가 명확하고, 본고딕 400과 KoPub 월드 바탕 700의 웨이트 조합이 정보 위계를 안정적으로 만든다.
추천 용도: 출판·매거진 본문 레이아웃브랜드 스토리텔링 페이지공공기관 보고서교육 콘텐츠 본문긴 호흡의 아티클 웹페이지

어울리는 영문 폰트

제목Playfair DisplayEB GaramondSource SerifLora

본문Source Sans ProInterIBM Plex Sans

KoPub 월드 바탕의 클래식 세리프 인상은 Playfair·EB Garamond 같은 전통 세리프와 자연스레 어울리고, 본고딕 본문은 같은 어도비 계열인 Source Sans Pro나 구조가 닮은 Inter와 합성하면 자족·웨이트 흐름이 매끄럽다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#1a1a1a

#8b7355

#f5efe6

어울리는 산업 톤

라이프스타일 매거진출판·문화 콘텐츠교육 따뜻공공기관 신뢰

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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