한글 페어링 · 큐레이션

KoPub 월드 돋움+본고딕

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

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

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

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

평가 결과 · 2개 케이스

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

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

86제목 본고딕 · 본문 KoPub 월드 돋움

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

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

+KoPub 월드 돋움A=본문용

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

조용한 문장이 오래도록 마음에 머문다

KoPub 월드 돋움은 출판 본문용으로 설계되어 긴 문장에서 자획 균형이 안정적이고 피로도가 낮다. 본고딕은 다양한 웨이트 덕에 제목에서 또렷한 인지도를 확보한다.

분위기: KoPub 월드 돋움이 차분하고 정제된 본문 흐름을 이끌고, 본고딕이 또렷한 헤드라인으로 시선을 잡아주는 단정한 페어다. 출판·문서 톤의 신뢰감과 모던 산세리프의 명료함이 자연스럽게 어우러진다.
대비·계층: 두 폰트 모두 모던 산세리프 계열이라 형태 대비는 약하지만, 본고딕 900·Bold와 KoPub 300·400의 웨이트 격차로 위계가 충분히 살아난다.
추천 용도: 전자책 및 디지털 출판 본문공공기관 보고서·백서교육 콘텐츠 학습 자료기업 IR·연차보고서장문 아티클 웹페이지

어울리는 영문 폰트

제목InterIBM Plex SansManropeHelvetica Neue

본문Source Sans ProIBM Plex Sans

본고딕은 Source 패밀리와 같은 어도비 설계라 Source Sans Pro가 구조적으로 가장 정합적이며, KoPub의 차분한 본문 톤에는 Inter·IBM Plex Sans처럼 중립적이고 가독성 좋은 산세리프가 어울린다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#1f2933

#3a6ea5

#f4f6f8

어울리는 산업 톤

공공기관 신뢰교육 출판B2B SaaS 문서리서치·연구 리포트

82제목 KoPub 월드 돋움 · 본문 본고딕

KoPub 월드 돋움A=제목용

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

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

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

활자가 만드는 단정한 지면의 품격

KoPub 월드 돋움 700은 제목에서 또렷한 획 대비로 시선을 잡고, 본고딕 400은 균질한 글자폭과 넓은 자족으로 긴 본문에서도 피로감이 적다.

분위기: KoPub 월드 돋움이 정제된 출판 감각의 제목을 이끌고, 본고딕이 중립적이고 안정된 본문 톤으로 받쳐 단정하고 신뢰감 있는 인상을 만든다.
대비·계층: 두 폰트 모두 휴머니스트 계열 산세리프지만 KoPub 700과 본고딕 400의 굵기 차이로 위계가 명확히 형성된다. 다만 형태가 유사해 미묘한 보조 위계는 색·크기로 보완해야 한다.
추천 용도: 출판·매거진형 웹페이지공공기관 리포트교육 콘텐츠 본문B2B 백서·아티클정책 브리핑 페이지

어울리는 영문 폰트

제목IBM Plex SansSource Sans ProInterManrope

본문Source Sans ProIBM Plex Sans

KoPub 월드 돋움의 출판적 정제미와 결이 맞는 휴머니스트 산세리프 계열이 자연스럽게 합성되며, 본고딕은 Source 패밀리와 같은 어도비 계열이라 라틴 합성에서 톤과 메트릭이 잘 맞는다.

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

38~46px

24~28px

본문

16~18px

line-height

1.65

어울리는 색상

#1f2937

#5b8def

#f5f5f0

어울리는 산업 톤

출판·매거진 정제공공기관 신뢰교육 따뜻B2B SaaS 단정

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