한글 페어링 · 큐레이션

배달의민족 주아+KoPub 월드 바탕

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

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

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

→ 각 폰트 종합 가이드: 배달의민족 주아 가이드·KoPub 월드 바탕 가이드

평가 결과 · 2개 케이스

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

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

58제목 배달의민족 주아 · 본문 KoPub 월드 바탕

배달의민족 주아A=제목용

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

+KoPub 월드 바탕B=본문용

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

오늘도 맛있는 이야기를 전합니다

주아는 짧은 헤드라인에서 시선을 강하게 끌고, KoPub 월드 바탕은 긴 본문에서 안정적인 가독성을 보장한다.

분위기: 주아의 둥글고 친근한 디스플레이 인상이 KoPub 월드 바탕의 정제된 출판 세리프와 만나 다소 이질적이지만 흥미로운 대비를 만든다.
대비·계층: 디스플레이 산세리프와 클래식 세리프의 구조 차이가 명확해 위계는 잘 드러나지만 분위기 결이 달라 톤 통합에 주의가 필요하다.
추천 용도: F&B 브랜드 스토리 페이지이벤트 랜딩 본문 구성캠페인 매거진 기사친근한 사보·뉴스레터

어울리는 영문 폰트

제목FrauncesQuicksandManrope

본문Source SerifMerriweather

주아의 둥근 곡선에는 라운드한 산세리프나 부드러운 세리프가, KoPub 월드 바탕에는 같은 출판 계열의 본문 세리프가 자연스럽게 어울린다.

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

40~52px

24~30px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2b2b

#e8804a

#faf6ee

어울리는 산업 톤

F&B 친근라이프스타일 매거진캠페인 스토리텔링

38제목 KoPub 월드 바탕 · 본문 배달의민족 주아

KoPub 월드 바탕B=제목용

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

+배달의민족 주아A=본문용

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

오늘의 이야기는 조금 특별해요

주아는 디스플레이 폰트라 긴 본문에 쓰기엔 자획 굵기와 곡선이 강해 장문 가독성이 떨어집니다. KoPub 월드 바탕은 제목으로 쓸 때 위계는 또렷하지만 본문 톤과 결이 달라 시선 유도가 자연스럽지 않습니다.

분위기: 주아의 둥글고 장난기 있는 디스플레이 인상과 KoPub 바탕의 격식 있는 출판 세리프가 어색하게 충돌합니다. 본문에 주아를 두면 캐주얼함이 페이지를 지배해 바탕체 제목의 진중함이 떠 보이게 됩니다.
대비·계층: 세리프 제목 vs 둥근 산세리프 본문이라는 점에서 형태 대비는 분명하지만, 본문이 더 캐릭터 강한 디스플레이라 위계가 역전되어 정보 계층이 흐려집니다.
추천 용도: 어린이·교육 콘텐츠의 짧은 본문 + 클래식 제목 인용F&B 메뉴북에서 친근한 설명문 + 격식 있는 코스명이벤트 굿즈 패키지의 짧은 카피동화·에세이 형식의 실험적 편집물

어울리는 영문 폰트

제목EB GaramondLoraSource SerifPlayfair Display

본문QuicksandNunito

제목 KoPub 월드 바탕은 클래식 세리프와 구조가 닮아 EB Garamond·Lora가 자연스럽고, 본문 주아의 둥근 산세리프 인상은 Quicksand·Nunito 같은 라운드 산세리프와 합성해야 톤이 유지됩니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2b2b

#d97757

#faf6ef

어울리는 산업 톤

F&B 친근교육 따뜻라이프스타일 매거진

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