한글 페어링 · 큐레이션

KoPub 월드 바탕+노토 산스 KR

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

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

A:KoPub 월드 바탕· 제작 한국출판인회의|B:노토 산스 KR· 제작 구글·어도비

→ 각 폰트 종합 가이드: KoPub 월드 바탕 가이드·노토 산스 KR 가이드

평가 결과 · 2개 케이스

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

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

86제목 노토 산스 KR · 본문 KoPub 월드 바탕

노토 산스 KRB=제목용

제작구글·어도비상업 무료다운로드

+KoPub 월드 바탕A=본문용

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

활자의 결을 따라 이야기가 흐른다

KoPub 월드 바탕은 출판용으로 최적화되어 긴 글에서도 안정적인 흐름을 유지하며, 노토 산스 KR Bold 이상은 제목에서 또렷한 인지력을 보장합니다.

분위기: KoPub 월드 바탕의 차분하고 정제된 출판 감성을 노토 산스 KR의 명료한 제목이 단단히 받쳐주는 페어링입니다. 본문의 서정성과 제목의 중립성이 조화롭게 어우러집니다.
대비·계층: 세리프 본문과 산세리프 굵은 제목의 스타일·웨이트 대비가 명확해 정보 위계가 자연스럽게 형성됩니다.
추천 용도: 전자책·디지털 출판장문 에디토리얼 웹페이지공공기관 정책 리포트교육 교재 본문브랜드 스토리 페이지

어울리는 영문 폰트

제목InterIBM Plex SansManropeHelvetica Neue

본문Source SerifMerriweatherIBM Plex Serif

본문은 KoPub 월드 바탕의 출판형 세리프 결과 어울리는 영문 세리프를, 제목은 노토 산스 KR의 중립적 그로테스크와 구조가 닮은 산세리프를 추천합니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#1f2933

#a67b5b

#f7f3ec

어울리는 산업 톤

출판 에디토리얼공공기관 신뢰교육 따뜻문화예술 아카이브

82제목 KoPub 월드 바탕 · 본문 노토 산스 KR

KoPub 월드 바탕B=제목용

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

+노토 산스 KRA=본문용

제작구글·어도비상업 무료다운로드

차분한 문장 속 단단한 문장이 빛납니다.

노토 산스 KR은 균형 잡힌 자소 구조와 넉넉한 공간으로 긴 본문 가독성이 매우 우수하며, KoPub 월드 바탕은 출판 환경을 위해 설계되어 제목에서도 또렷하게 읽힌다.

분위기: 노토 산스 KR이 차분하고 중립적인 본문 흐름을 이끌고, KoPub 월드 바탕이 고전적이고 신뢰감 있는 제목으로 무게감을 더한다.
대비·계층: 산세리프 본문과 세리프 제목의 명확한 형태 대비로 정보 위계가 자연스럽게 형성되며, 700 웨이트 바탕체 제목이 강한 시각적 닻 역할을 한다.
추천 용도: 출판·전자책 본문 레이아웃공공기관 보고서·백서교육 콘텐츠 장문 페이지리서치·아카이브 웹사이트정책 브리핑 자료

어울리는 영문 폰트

제목Source SerifEB GaramondMerriweatherIBM Plex Serif

본문InterIBM Plex SansSource Sans Pro

본문 노토 산스 KR은 중립적 산세리프 영문과 합성해 글로벌 문서 톤을 유지하고, 제목 KoPub 월드 바탕은 클래식 세리프 영문과 합성해 출판물의 격식을 강화한다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#1a1a1a

#8b7355

#f5efe6

어울리는 산업 톤

출판 클래식공공기관 신뢰교육 따뜻리서치 아카이브

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/KoPubBatang/subsets/KoPubBatang-dynamic-subset.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

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

/* 본문 */
body, p {
  font-family: 'Noto Sans KR', sans-serif;
}