한글 페어링 · 큐레이션

함초롬바탕+KoPub 월드 돋움

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

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

A:함초롬바탕· 제작 한컴|B:KoPub 월드 돋움· 제작 한국출판인회의

→ 각 폰트 종합 가이드: 함초롬바탕 가이드·KoPub 월드 돋움 가이드

평가 결과 · 2개 케이스

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

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

84제목 함초롬바탕 · 본문 KoPub 월드 돋움

함초롬바탕A=제목용ⓘ 미리보기는 프리텐다드

제작한컴비상업 무료다운로드

+KoPub 월드 돋움B=본문용

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

오래도록 곁에 두고 읽고 싶은 이야기

함초롬바탕은 제목에서 한글 자소의 균형이 안정적이며, KoPub 월드 돋움은 출판용으로 설계되어 긴 본문 가독성이 매우 우수하다.

분위기: 함초롬바탕의 정제된 한글 명조 인상이 KoPub 월드 돋움의 단정한 산세리프와 만나 출판물 같은 정중하고 신뢰감 있는 톤을 만든다.
대비·계층: 세리프-산세리프의 클래식 대비에 더해 700 굵기 제목과 400 본문의 웨이트 차이가 명확한 정보 위계를 만든다.
추천 용도: 출판물·전자책 본문공공기관 보고서교육 콘텐츠 웹사이트문화 매거진 편집 디자인에세이형 브랜드 저널

어울리는 영문 폰트

제목EB GaramondSource SerifPlayfair DisplayLora

본문IBM Plex SansSource Sans ProInter

제목 함초롬바탕의 고전 명조 인상에는 클래식 세리프가 자연스럽고, 본문 KoPub 월드 돋움의 단정한 골격에는 중립적이고 가독성 높은 산세리프가 호흡이 맞는다.

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

36~44px

24~28px

본문

16~17px

line-height

1.7

어울리는 색상

#1f1b16

#8b7355

#f5efe6

어울리는 산업 톤

출판·매거진 정중공공기관 신뢰교육 따뜻문화예술 클래식

78제목 KoPub 월드 돋움 · 본문 함초롬바탕

KoPub 월드 돋움B=제목용

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

+함초롬바탕A=본문용ⓘ 미리보기는 프리텐다드

제작한컴비상업 무료다운로드

오래된 책장에서 발견한 한 통의 편지

함초롬바탕은 한글 획 균형이 안정적이라 긴 글에 적합하며, KoPub 월드 돋움 Bold는 단문 제목으로 시선을 빠르게 잡아준다.

분위기: 함초롬바탕의 단아하고 정제된 본문 위에 KoPub 월드 돋움의 단정한 산세리프 제목이 얹혀 출판물 특유의 차분한 권위를 만든다.
대비·계층: 세리프 본문 + 산세리프 제목의 클래식한 구조 대비로 정보 위계가 명확하며, Bold 700 제목과 Regular 400 본문의 무게 차이도 충분하다.
추천 용도: 단행본·전자책 본문 조판학술지·리서치 리포트공공기관 백서·정책 자료문화예술 매거진 장문 기사교양서적 인터뷰 페이지

어울리는 영문 폰트

제목InterIBM Plex SansSource Sans ProManrope

본문Source SerifMerriweatherEB Garamond

본문은 함초롬바탕의 고전적 결과 어울리는 정통 세리프 영문이 적합하고, 제목은 KoPub 월드 돋움의 단정한 골격에 맞는 휴머니스트 산세리프가 자연스럽다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#1a1a1a

#8b7355

#f5efe6

어울리는 산업 톤

출판·문학 클래식공공기관 신뢰교육 따뜻문화예술 매거진

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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