한글 페어링 · 큐레이션

주아+KoPub 월드 바탕

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

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

A:주아· 제작 우아한형제들|B:KoPub 월드 바탕· 제작 한국출판인회의

→ 각 폰트 종합 가이드: 주아 가이드·KoPub 월드 바탕 가이드

평가 결과 · 2개 케이스

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

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

42제목 주아 · 본문 KoPub 월드 바탕

주아A=제목용

제작우아한형제들상업 무료다운로드

+KoPub 월드 바탕B=본문용

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

따뜻한 봄날, 새로운 이야기가 시작된다.

KoPub 월드 바탕은 본문 가독성이 우수하나, 주아(display sans)를 제목으로 사용할 때 글자 간격이 넓고 곡선이 강해 짧은 제목에는 좋으나 중간 길이 제목에서는 시각적 무게감이 불안정하다.

분위기: 주아의 둥글고 친근한 display 감성과 KoPub 월드 바탕의 전통적이고 격식 있는 serif 분위기가 충돌한다. 한쪽은 캐주얼 디지털 톤, 다른 쪽은 출판·문학 톤으로 일관성이 부족하다.
대비·계층: sans(display)와 serif(text) 조합은 구조적 대비가 명확하지만, 주아 400과 KoPub 월드 바탕 400의 시각적 무게가 비슷해 위계 분리가 약하다. display 폰트의 특성상 더 큰 사이즈에서만 대비가 살아난다.
추천 용도: 어린이·유아 교육 콘텐츠 (주아의 친근함 활용)출판사 브랜드 북 (serif 본문의 전통성 활용)캐주얼 매거진 (두 톤의 충돌을 의도적 대비로 활용 시)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문Source SerifEB Garamond

주아의 둥근 display 톤과는 기하학적 모던 sans(Manrope, Geist)가 더 어울리며, KoPub 월드 바탕의 serif 본문과는 고전적이고 우아한 serif(Source Serif, EB Garamond)가 자연스럽다.

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

48~64px

28~36px

본문

16~18px

line-height

1.65

어울리는 색상

#2c2c2c

#d4a574

#f9f7f4

어울리는 산업 톤

출판·문학 전통유아·교육 친근

35제목 KoPub 월드 바탕 · 본문 주아

KoPub 월드 바탕B=제목용

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

+주아A=본문용

제작우아한형제들상업 무료다운로드

둥근 제목과 바른 본문이 어울리지 않는다.

주아는 display 폰트로 제목이나 짧은 텍스트에 최적화되었으며, 본문용 긴 글 읽기에는 부적합하다. KoPub 월드 바탕은 본문 가독성이 우수하지만, 제목 역할로 사용하기에는 세리프의 무게감이 주아의 경쾌함과 맞지 않는다.

분위기: 주아(Jua)는 둥글고 친근한 디스플레이 산체로 캐주얼·장난스러운 톤이고, KoPub 월드 바탕은 전통적이고 격식 있는 세리프체로 학술·출판 톤을 띤다. 두 폰트의 인상이 상충하여 일관된 분위기 형성이 어렵다.
대비·계층: 주아 400(display)과 KoPub 월드 바탕 700(serif heading)의 weight 대비는 수치상 충분하지만, 폰트 계열 자체(sans vs serif)의 구조적 차이가 명확한 위계보다는 부조화를 강조한다.
추천 용도: 캐주얼 어린이·유아 교육 콘텐츠 (주아의 친근함 활용)학술·출판 본문 (KoPub 월드 바탕의 신뢰성 활용)혼합 사용 시 극도로 제한적 (예: 매우 짧은 인포그래픽)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문Source SerifEB Garamond

주아의 둥근 산체 톤과 맞추려면 따뜻하고 현대적인 sans serif가 필요하고, KoPub 월드 바탕의 세리프 격식과 맞추려면 클래식한 serif 영문이 필요하다. 두 폰트를 동시에 사용할 경우 각각 다른 영문 폰트를 병행하는 것이 권장된다.

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

48~56px

28~32px

본문

16~17px

line-height

1.65

어울리는 색상

#2c2c2c

#d4a574

#faf7f2

어울리는 산업 톤

출판·학술 신뢰성유아·교육 친근성

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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