한글 페어링 · 큐레이션

KoPub 월드 바탕+이순신체

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

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

A:KoPub 월드 바탕· 제작 한국출판인회의|B:이순신체· 제작 아산시

→ 각 폰트 종합 가이드: KoPub 월드 바탕 가이드·이순신체 가이드

평가 결과 · 2개 케이스

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

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

64제목 이순신체 · 본문 KoPub 월드 바탕

이순신체B=제목용ⓘ 미리보기는 프리텐다드

제작아산시상업 무료다운로드

+KoPub 월드 바탕A=본문용

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

오래된 문장 사이로 결연한 한 마디가 새겨진다

KoPub 월드 바탕은 균형 잡힌 자형과 안정적 회색도로 긴 글 가독성이 뛰어나며, 이순신체는 손글씨 특성상 짧은 강조구로 제한해야 가독성이 유지됩니다.

분위기: KoPub 월드 바탕의 단정하고 고전적인 본문 인상에 이순신체의 강건한 붓글씨 강조가 더해져 역사적·서사적 톤이 살아납니다.
대비·계층: 정제된 명조 본문과 굵고 거친 손글씨 제목 사이에 골격 차이가 커서 위계는 분명하지만, 톤 매칭을 위해 이순신체는 짧은 키워드·제호에 한정하는 것이 안전합니다.
추천 용도: 역사 에세이 본문 조판박물관 도록 캡션 중심 본문전통문화 매거진 장문 기사출판물 서문·후기 본문기념 출판 회고록

어울리는 영문 폰트

제목Playfair DisplayEB GaramondIBM Plex Serif

본문Source SerifMerriweather

본문은 KoPub 월드 바탕의 단정한 명조 골격에 호응하는 정통 세리프가 적합하고, 제목은 이순신체의 강한 인상을 부드럽게 받아줄 클래식 세리프가 어울립니다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#1a1a1a

#8b2e1f

#f5efe6

어울리는 산업 톤

전통문화 출판역사·인문 매거진공공기관 기념 간행물박물관·전시 도록

42제목 KoPub 월드 바탕 · 본문 이순신체

KoPub 월드 바탕A=제목용

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

+이순신체B=본문용ⓘ 미리보기는 프리텐다드

제작아산시상업 무료다운로드

역사의 페이지를 다시 펼치다

KoPub 월드 바탕은 제목용으로 또렷한 인상을 주지만, 이순신체는 획의 굵기 변화와 손글씨 특성상 긴 본문에는 가독성이 떨어집니다.

분위기: KoPub 월드 바탕의 정제된 출판 세리프가 제목을 잡고, 이순신체의 강건한 손글씨가 본문을 이루는 구성은 역사·인물 서사에는 어울리나 톤이 강하게 충돌합니다.
대비·계층: 세리프 정형성과 손글씨 자유분방함의 분류적 대비는 크지만, 본문 폰트가 시각적 잡음이 강해 위계가 깔끔히 정리되지 않습니다.
추천 용도: 역사 인물 전시 도록지자체 기념 캠페인위인 평전 표지추모 행사 인쇄물

어울리는 영문 폰트

제목EB GaramondSource SerifIBM Plex Serif

본문MerriweatherLora

KoPub 월드 바탕의 출판형 세리프 구조와 결이 맞는 클래식 세리프를 제목에, 본문에는 손글씨 톤을 보조할 따뜻한 세리프를 매칭합니다.

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

36~44px

24~28px

본문

17~19px

line-height

1.75

어울리는 색상

#2b2118

#a8763d

#f3ece0

어울리는 산업 톤

공공기관 기념역사 문화 콘텐츠지역 브랜딩

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