한글 페어링 · 큐레이션

나눔명조+본고딕

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

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

A:나눔명조· 제작 네이버|B:본고딕· 제작 어도비·구글

→ 각 폰트 종합 가이드: 나눔명조 가이드·본고딕 가이드

평가 결과 · 2개 케이스

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

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

86제목 본고딕 · 본문 나눔명조

본고딕B=제목용ⓘ 미리보기는 프리텐다드

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

+나눔명조A=본문용

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

오래된 문장이 오늘의 호흡으로 다시 읽힌다

나눔명조는 획 대비가 부드럽고 한국어 본문에 최적화되어 긴 글 읽기에 안정적이다. 본고딕 제목은 다양한 웨이트로 첫 시선을 명확히 잡아준다.

분위기: 나눔명조의 단정하고 서정적인 본문 위에 본고딕의 명료한 제목이 얹혀 클래식과 모던이 균형을 이룬다. 출판물에 가까운 차분한 신뢰감이 형성된다.
대비·계층: 세리프 본문과 산세리프 제목의 구조적 대비가 뚜렷하고, 본고딕의 100~900 웨이트 폭이 정보 위계를 세밀하게 조절한다.
추천 용도: 디지털 매거진 기사브랜드 블로그 장문 콘텐츠리포트·백서 본문에세이형 뉴스레터출판형 웹사이트

어울리는 영문 폰트

제목InterIBM Plex SansManropeHelvetica Neue

본문Source SerifEB GaramondLora

본고딕 제목은 기하학적 균형의 산세리프(Inter·IBM Plex Sans)와 골격이 맞고, 나눔명조 본문은 고전적 비례의 세리프(Source Serif·EB Garamond)와 합성하면 인상이 자연스럽게 이어진다.

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

32~40px

22~26px

본문

17~18px

line-height

1.75

어울리는 색상

#1a1a1a

#8b7355

#f5efe6

어울리는 산업 톤

라이프스타일 매거진출판·문화 콘텐츠교육 따뜻브랜드 저널리즘

86제목 나눔명조 · 본문 본고딕

나눔명조A=제목용

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

+본고딕B=본문용ⓘ 미리보기는 프리텐다드

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

오래된 문장에 새로운 결을 더하다

제목 나눔명조는 획 대비가 뚜렷해 시선을 끌고, 본문 본고딕은 균일한 획 두께와 넉넉한 자족으로 긴 글에서도 안정적인 가독성을 제공합니다.

분위기: 나눔명조의 단정한 붓끝 인상이 본고딕의 균형 잡힌 중립감과 만나 차분하고 신뢰감 있는 톤을 형성합니다.
대비·계층: 세리프 제목과 산세리프 본문이라는 분류 대비에 더해 나눔명조 700~800과 본고딕 300~400의 웨이트 조합이 명확한 정보 위계를 만듭니다.
추천 용도: 출판·매거진 레이아웃브랜드 스토리 페이지공공·문화기관 웹사이트에디토리얼 뉴스레터전시·도록 인쇄물

어울리는 영문 폰트

제목EB GaramondPlayfair DisplaySource SerifLora

본문Source Sans ProIBM Plex SansInter

나눔명조의 클래식한 세리프 인상은 Garamond·Playfair 계열과 구조적으로 호응하고, 본고딕(Source Han Sans)은 같은 어도비 슈퍼패밀리인 Source Sans와 메트릭·웨이트가 자연스럽게 맞물립니다.

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

40~52px

24~30px

본문

16~18px

line-height

1.7

어울리는 색상

#1a1a1a

#8b7355

#f5efe6

어울리는 산업 톤

라이프스타일 매거진공공기관 신뢰문화·예술 큐레이션교육 따뜻

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');

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

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