한글 페어링 · 큐레이션

KoPub 월드 돋움+나눔스퀘어

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

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

A:KoPub 월드 돋움· 제작 한국출판인회의|B:나눔스퀘어· 제작 네이버

→ 각 폰트 종합 가이드: KoPub 월드 돋움 가이드·나눔스퀘어 가이드

평가 결과 · 2개 케이스

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

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

82제목 나눔스퀘어 · 본문 KoPub 월드 돋움

나눔스퀘어A=제목용

제작네이버상업 무료다운로드

+KoPub 월드 돋움B=본문용

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

더 넓은 가능성으로 나아가다

나눔스퀘어 800은 제목에서 시각적 무게감을 확실히 잡아주고, KoPub 월드 돋움 400은 글자 사이 여백이 균형 잡혀 긴 본문에서도 피로감이 적습니다.

분위기: 나눔스퀘어의 단단한 기하학적 인상이 KoPub 월드 돋움의 정돈된 출판형 톤과 만나 신뢰감 있는 모던 분위기를 형성합니다.
대비·계층: 나눔스퀘어 800/400과 KoPub 돋움 400의 웨이트 차이가 뚜렷해 제목-본문 위계가 명확하며, 같은 산세리프 계열이라 시각 흐름은 통일됩니다.
추천 용도: 공공기관 웹사이트교육 콘텐츠 페이지기업 IR 리포트B2B SaaS 랜딩디지털 출판 아티클

어울리는 영문 폰트

제목InterManropeIBM Plex SansGeist

본문Source Sans ProIBM Plex Sans

나눔스퀘어의 기하학적 골격에는 Inter·Manrope 같은 정돈된 산세리프가 어울리고, KoPub 돋움 본문에는 x-height가 안정적인 Source Sans Pro 계열이 자연스럽게 합쳐집니다.

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

36~44px

24~28px

본문

16~17px

line-height

1.65

어울리는 색상

#1f2a44

#3a7bd5

#f4f6fa

어울리는 산업 톤

공공기관 신뢰B2B SaaS교육 단정디지털 출판

74제목 KoPub 월드 돋움 · 본문 나눔스퀘어

KoPub 월드 돋움A=제목용

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

+나눔스퀘어B=본문용

제작네이버상업 무료다운로드

단정한 문장이 페이지를 이끈다

KoPub 월드 돋움은 균형 잡힌 자폭으로 제목에서 또렷이 읽히고, 나눔스퀘어는 넉넉한 카운터 공간과 명료한 획으로 긴 본문에 적합하다.

분위기: KoPub 월드 돋움이 단정하고 정제된 출판 감각으로 제목을 잡아주고, 나눔스퀘어가 깔끔한 본문 톤으로 일관된 신뢰감을 만든다.
대비·계층: 두 폰트 모두 정제된 모던 산세리프라 형태 대비는 약하지만, KoPub 700과 나눔스퀘어 400 조합으로 웨이트 대비를 확보해 위계를 만들 수 있다.
추천 용도: 출판사·매거진 웹사이트공공기관 보고서·리포트교육 콘텐츠 본문 페이지B2B SaaS 도큐먼트전자책·아티클 레이아웃

어울리는 영문 폰트

제목IBM Plex SansInterSource Sans ProManrope

본문InterSource Sans Pro

KoPub 월드 돋움의 정제된 출판 감각에는 IBM Plex Sans·Source Sans Pro 같은 절제된 모던 산세리프가 자연스럽고, 나눔스퀘어 본문에는 Inter가 x-height와 자간이 잘 맞는다.

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

36~44px

22~26px

본문

16~17px

line-height

1.65

어울리는 색상

#1f2933

#3a6ea5

#f4f1ea

어울리는 산업 톤

출판·매거진 신뢰공공기관 신뢰교육 따뜻B2B SaaS

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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