한글 페어링 · 큐레이션

KoPub 월드 바탕+빛의 계승자

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

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

A:KoPub 월드 바탕· 제작 한국출판인회의|B:빛의 계승자· 제작 엔젤게임즈

→ 각 폰트 종합 가이드: KoPub 월드 바탕 가이드·빛의 계승자 가이드

평가 결과 · 2개 케이스

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

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

62제목 빛의 계승자 · 본문 KoPub 월드 바탕

빛의 계승자A=제목용ⓘ 미리보기는 프리텐다드

제작엔젤게임즈상업 무료다운로드

+KoPub 월드 바탕B=본문용

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

빛을 이은 자, 새벽을 열다

제목은 장식성이 강해 짧은 문구에 적합하고, 본문 KoPub 월드 바탕은 긴 글에서 안정적인 가독성을 보장합니다.

분위기: 빛의 계승자의 판타지·서사적 인상이 KoPub 월드 바탕의 차분한 문학적 톤과 만나 스토리텔링 분위기를 형성합니다.
대비·계층: 디스플레이 제목과 클래식 명조 본문의 분류 대비가 뚜렷해 위계 구분은 명확하나, 두 폰트 모두 곡선이 부드러워 임팩트는 절제됩니다.
추천 용도: 판타지 웹소설 표지게임 세계관 소개 페이지전시 도록 챕터 타이틀역사·문학 매거진

어울리는 영문 폰트

제목CinzelTrajan ProCormorant Garamond

본문EB GaramondLora

제목은 서사적·고전적 인상을 살리는 로마자 세리프 디스플레이와, 본문은 KoPub 월드 바탕의 클래식 톤에 맞는 세리프와 결합해 일관된 문학적 분위기를 만듭니다.

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

44~56px

24~30px

본문

16~18px

line-height

1.7

어울리는 색상

#2a2118

#a68a5b

#f5efe2

어울리는 산업 톤

판타지 게임 서사출판·문학 매거진역사 콘텐츠 아카이브

38제목 KoPub 월드 바탕 · 본문 빛의 계승자

KoPub 월드 바탕A=제목용

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

+빛의 계승자B=본문용ⓘ 미리보기는 프리텐다드

제작엔젤게임즈상업 무료다운로드

오래된 책 속에서 빛이 깨어났다

제목의 KoPub 월드 바탕은 또렷하고 안정적이지만, 본문에 디스플레이 폰트인 빛의 계승자를 쓰면 긴 문장 가독성이 크게 떨어집니다.

분위기: KoPub 월드 바탕의 단정하고 고전적인 출판 분위기와 빛의 계승자의 판타지 게임풍 장식성이 충돌해 톤 일관성이 약합니다.
대비·계층: 세리프 제목과 장식적 디스플레이 본문이라는 구성은 위계가 역전되어 본문이 제목보다 시각적으로 강하게 튀는 문제가 있습니다.
추천 용도: 판타지 소설 표지 카피게임 이벤트 페이지 헤드라인출판 콘셉트 포스터단편 인용 그래픽

어울리는 영문 폰트

제목EB GaramondPlayfair DisplaySource SerifLora

본문IBM Plex SerifMerriweather

KoPub 월드 바탕의 정통 세리프 골격과 어울리는 클래식·문학적 라틴 세리프를 골랐으며, 본문 영문은 긴 문장에서도 안정적인 가독성을 갖춘 세리프로 매칭합니다.

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

36~44px

22~26px

본문

17~18px

line-height

1.7

어울리는 색상

#2b1d12

#a8843d

#f3ecdd

어울리는 산업 톤

판타지 게임 스토리텔링문학 출판 매거진콘셉트 캠페인

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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