한글 페어링 · 큐레이션

JS 동까비+KoPub 월드 돋움

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

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

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

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

평가 결과 · 2개 케이스

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

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

74제목 JS 동까비 · 본문 KoPub 월드 돋움

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

제작정스튜디오상업 무료

+KoPub 월드 돋움A=본문용

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

오늘도 한 페이지, 천천히 읽어 내려갑니다.

KoPub 월드 돋움은 출판용으로 설계되어 긴 문장에서도 안정적인 가독성을 보이며, JS 동까비는 짧은 헤드라인에서 시선을 강하게 잡아끕니다.

분위기: KoPub 월드 돋움의 단정하고 출판 친화적인 본문 위에 JS 동까비의 손글씨풍 디스플레이가 친근한 포인트로 작동합니다. 정제된 본문과 캐주얼한 제목의 톤 대비가 매력적입니다.
대비·계층: 정형 sans 본문과 손글씨 디스플레이 제목 간 형태 대비가 매우 뚜렷해 정보 위계가 분명하게 형성됩니다.
추천 용도: 문화·교양 단행본 본문어린이·교육 콘텐츠 내지라이프스타일 매거진 기사 페이지브랜드 블로그 장문 콘텐츠전시 도록 캡션 텍스트

어울리는 영문 폰트

제목CaveatPatrick HandShadows Into LightGloock

본문Source Sans ProIBM Plex SansInter

본문은 출판형 sans와 구조가 비슷한 IBM Plex Sans·Source Sans Pro 계열이 자연스럽고, 제목은 동까비의 손글씨 인상을 살려줄 캐주얼 스크립트 라틴이 어울립니다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2a28

#d97a4a

#f7f1e6

어울리는 산업 톤

출판 따뜻교육 친근라이프스타일 매거진

58제목 KoPub 월드 돋움 · 본문 JS 동까비

KoPub 월드 돋움B=제목용

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

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

제작정스튜디오상업 무료

오늘의 작은 이야기를 들려드릴게요

JS 동까비를 본문으로 쓰면 디스플레이 특성상 장문 가독성은 떨어지지만, 짧은 단락이나 캡션 분량에서는 개성을 살릴 수 있습니다. KoPub 월드 돋움 Bold 제목은 명료하게 시선을 끕니다.

분위기: JS 동까비의 손글씨풍 친근함이 본문 영역에서 활약하고, KoPub 월드 돋움의 정제된 산세리프가 제목에서 안정적인 무게중심을 잡습니다.
대비·계층: 손글씨풍 본문과 기하학적 산세리프 제목 간 형태 대비가 뚜렷해 위계는 잘 구분되나, 본문 길이가 길어지면 피로감이 커집니다.
추천 용도: 감성 카드뉴스 짧은 본문전시 도록 캡션동화·아동 콘텐츠 짧은 단락SNS 인용구 카드브랜드 스토리 짧은 섹션

어울리는 영문 폰트

제목InterIBM Plex SansSource Sans ProManrope

본문CaveatPatrick Hand

제목 KoPub 월드 돋움은 정제된 산세리프 라틴과 구조가 잘 맞고, 본문 동까비는 손글씨풍 라틴과 결을 같이 하면 톤이 일관됩니다.

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

32~40px

22~26px

본문

17~19px

line-height

1.7

어울리는 색상

#3a4a3f

#e9a76d

#f7f1e6

어울리는 산업 톤

라이프스타일 매거진교육 따뜻문화·전시 감성

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