한글 페어링 · 큐레이션

나눔고딕+나눔명조

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

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

A:나눔고딕· 제작 네이버|B:나눔명조· 제작 네이버

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

평가 결과 · 2개 케이스

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

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

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

나눔명조A=제목용

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

+나눔고딕B=본문용

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

오래된 도시의 골목길을 천천히 걷다

나눔명조는 획 대비가 명확해 큰 사이즈 제목에서 우아하게 읽히고, 나눔고딕은 한국어 본문 가독성이 검증되어 긴 글에 안정적입니다.

분위기: 나눔명조의 단정한 세리프가 제목에서 고전적 품격을 만들고, 나눔고딕 본문이 현대적 명료함을 더해 균형 잡힌 인상을 형성합니다.
대비·계층: 세리프와 산세리프의 구조적 대비가 자연스러운 정보 위계를 만들며, 800 웨이트 제목과 400 본문의 굵기 차도 충분합니다.
추천 용도: 출판·매거진 레이아웃공공기관·교육 웹사이트브랜드 스토리 페이지전시·문화 포스터신문형 뉴스레터

어울리는 영문 폰트

제목EB GaramondPlayfair DisplaySource SerifLora

본문InterSource Sans ProIBM Plex Sans

나눔명조의 클래식한 세리프 구조에는 같은 계열의 라틴 세리프가 자연스럽게 어울리고, 나눔고딕 본문에는 휴머니스트 산세리프가 한글 골격과 호환됩니다.

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

40~52px

24~30px

본문

16~17px

line-height

1.7

어울리는 색상

#1a1a1a

#8b7355

#f5efe6

어울리는 산업 톤

출판 매거진공공기관 신뢰문화예술 클래식교육 따뜻

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

나눔고딕B=제목용

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

+나눔명조A=본문용

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

오래 머무르는 문장이 마음에 남는다

나눔명조는 획 대비가 적당해 긴 글에서도 안정적으로 읽히며, 나눔고딕은 강조 제목으로 시선을 빠르게 잡아준다.

분위기: 나눔명조의 단정하고 서정적인 본문 위에 나눔고딕의 또렷한 제목이 얹혀 차분하면서도 정보 전달이 분명한 톤을 형성한다.
대비·계층: Serif 본문과 Sans 제목의 분류 대비가 자연스러운 위계를 만들고, 800 weight 활용 시 강조 효과가 더 분명해진다.
추천 용도: 뉴스레터 본문에세이·문학 웹사이트공공기관 안내 문서교육 콘텐츠 아티클

어울리는 영문 폰트

제목InterIBM Plex SansManrope

본문Source SerifLora

나눔고딕 제목엔 균형 잡힌 산세리프가, 나눔명조 본문엔 부드러운 세리프가 구조·분위기 모두 자연스럽게 호응한다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#1a1a1a

#8b7355

#f5efe6

어울리는 산업 톤

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

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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