한글 페어링 · 큐레이션

KoPub 월드 돋움+노토 산스 KR

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

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

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

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

평가 결과 · 2개 케이스

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

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

82제목 노토 산스 KR · 본문 KoPub 월드 돋움

노토 산스 KRA=제목용

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

+KoPub 월드 돋움B=본문용

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

글로벌 표준을 새롭게 정의합니다

노토 산스 KR은 다양한 웨이트로 제목에서 명확한 시선 집중을 만들고, KoPub 월드 돋움은 출판용으로 설계되어 긴 본문에서도 안정적인 가독성을 보장합니다.

분위기: 노토 산스 KR의 중립적이고 글로벌한 인상이 KoPub 월드 돋움의 단정한 출판 감성과 만나 차분하면서도 신뢰감 있는 톤을 형성합니다.
대비·계층: 노토 산스 KR Bold/Black과 KoPub 본문 Light/Regular 조합으로 굵기 대비를 확보하면 위계가 분명해지지만, 두 폰트가 모두 모던 산세리프 계열이라 스타일 대비는 다소 약합니다.
추천 용도: 기업 IR·연간보고서공공기관 웹사이트B2B SaaS 문서 시스템전자책·디지털 출판물교육 콘텐츠 플랫폼

어울리는 영문 폰트

제목InterIBM Plex SansHelvetica NeueManrope

본문Source Sans ProIBM Plex Sans

노토 산스 KR의 중립적·기하학적 구조와 정합성이 높은 모던 산세리프를 매칭해 합성 글꼴 시 자형 균형이 자연스럽습니다.

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

36~44px

24~28px

본문

16~17px

line-height

1.65

어울리는 색상

#1a1a1a

#2563eb

#f5f5f5

어울리는 산업 톤

B2B SaaS공공기관 신뢰교육 따뜻글로벌 엔터프라이즈

82제목 KoPub 월드 돋움 · 본문 노토 산스 KR

KoPub 월드 돋움A=제목용

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

+노토 산스 KRB=본문용

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

출판의 품격, 디지털로 잇다

KoPub 월드 돋움 700은 제목에서 또렷한 획 대비로 시인성이 좋고, 노토 산스 KR 400은 다양한 글자에서 안정적으로 렌더링되어 긴 본문 읽기에 무리가 없습니다.

분위기: KoPub 월드 돋움이 제목에서 단정하고 공신력 있는 인상을 이끌고, 노토 산스 KR이 차분하고 중립적인 본문 톤으로 받쳐줍니다.
대비·계층: 두 폰트 모두 산세리프 계열이라 형태 대비는 약하지만 700 vs 400 웨이트 차로 위계가 명확히 잡힙니다.
추천 용도: 전자책·디지털 출판물공공기관 리포트B2B SaaS 문서 UI교육 콘텐츠 본문백서·연구 보고서

어울리는 영문 폰트

제목IBM Plex SansInterSource Sans ProManrope

본문InterSource Sans Pro

KoPub 돋움의 출판 지향 휴머니스트 골격에는 IBM Plex Sans·Source Sans Pro의 단정함이 맞고, 노토 산스 KR 본문에는 동일 계열인 Inter가 자연스럽게 합성됩니다.

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

36~44px

24~28px

본문

16~17px

line-height

1.7

어울리는 색상

#1f2937

#3b82f6

#f8fafc

어울리는 산업 톤

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

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/KoPubDotum/subsets/KoPubDotum-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 Dotum', sans-serif;
}

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