한글 페어링 · 큐레이션

JS 동까비+KoPub 월드 바탕

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

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

A:JS 동까비· 제작 정스튜디오|B:KoPub 월드 바탕· 제작 한국출판인회의

→ 각 폰트 종합 가이드: JS 동까비 가이드·KoPub 월드 바탕 가이드

평가 결과 · 2개 케이스

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

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

58제목 JS 동까비 · 본문 KoPub 월드 바탕

JS 동까비B=제목용ⓘ 미리보기는 프리텐다드

제작정스튜디오상업 무료

+KoPub 월드 바탕A=본문용

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

오래된 책장에서 발견한 짧은 메모.

KoPub 월드 바탕은 출판용으로 설계되어 긴 본문 가독성이 우수하며, 동까비는 짧은 강조 한 줄에서 시선을 끄는 데 적합하다.

분위기: KoPub 월드 바탕의 단정하고 고전적인 인상 위에 JS 동까비의 손글씨풍 유희가 얹혀, 정적인 본문과 발랄한 강조 사이에 약간의 톤 격차가 있다.
대비·계층: 정제된 세리프 본문과 디스플레이 손글씨 제목 사이의 형태 대비는 강하지만, 두 폰트의 시각적 결이 달라 위계는 명확해도 조화는 다소 거칠다.
추천 용도: 문학 매거진 본문과 캡션 강조동화·에세이 단행본 표지 띠지교육 콘텐츠 학습 카드전시 도록 본문과 인용구

어울리는 영문 폰트

제목CaveatKalamPatrick Hand

본문Source SerifEB Garamond

동까비의 손글씨 톤은 Caveat·Kalam 같은 캐주얼 핸드라이팅 라틴과, 바탕 본문은 Source Serif·EB Garamond와 결이 잘 맞는다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2118

#c97b4a

#f5efe6

어울리는 산업 톤

출판 문학 감성교육 따뜻라이프스타일 매거진

42제목 KoPub 월드 바탕 · 본문 JS 동까비

KoPub 월드 바탕A=제목용

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

+JS 동까비B=본문용ⓘ 미리보기는 프리텐다드

제작정스튜디오상업 무료

고요한 문장 사이, 작은 미소가 머문다

KoPub 월드 바탕은 큰 사이즈에서 안정적인 획 대비로 제목 가독성이 좋습니다. 다만 본문에 디스플레이 폰트 JS 동까비를 쓰는 구성은 장문 가독성이 떨어져 짧은 카피·캡션 정도까지만 허용됩니다.

분위기: KoPub 월드 바탕의 정제된 출판용 명조가 제목을 잡고, 본문 자리에 디스플레이 폰트인 JS 동까비가 들어가면서 톤이 충돌합니다. 차분한 고전미와 캐주얼한 손글씨풍 인상이 한 화면에서 어긋나는 느낌을 줍니다.
대비·계층: 세리프 제목과 디스플레이 본문이라는 구조 자체가 대비는 강하지만, 위계가 명확히 정리된다기보다 두 폰트가 서로 시선을 끌어 정보 우선순위가 흐려집니다.
추천 용도: 문학·에세이 표지 카피전시·문화 행사 포스터감성 굿즈 패키지짧은 인용 카드뉴스

어울리는 영문 폰트

제목EB GaramondSource SerifLoraPlayfair Display

본문CaveatPatrick Hand

KoPub 월드 바탕은 클래식 세리프 계열 영문과 구조가 잘 맞고, JS 동까비는 손글씨풍 라틴과 결을 맞춰야 자연스럽습니다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2a26

#c97b4a

#f5efe6

어울리는 산업 톤

출판 문학 감성문화예술 행사라이프스타일 매거진

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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