한글 페어링 · 큐레이션

나눔고딕+노토 세리프 KR

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

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

A:나눔고딕· 제작 네이버|B:노토 세리프 KR· 제작 구글·어도비

→ 각 폰트 종합 가이드: 나눔고딕 가이드·노토 세리프 KR 가이드

평가 결과 · 2개 케이스

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

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

86제목 노토 세리프 KR · 본문 나눔고딕

노토 세리프 KRA=제목용

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

+나눔고딕B=본문용

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

오래된 문장 속에서 새로운 시선을 찾다

노토 세리프 KR은 세리프 특유의 명확한 획 대비로 제목에서 또렷한 인상을 주고, 나눔고딕은 균일한 자폭과 안정적인 카운터로 긴 본문에서도 피로감이 적습니다.

분위기: 노토 세리프 KR의 단정한 세리프 제목이 무게감과 신뢰를 만들고, 나눔고딕 본문이 깔끔한 정보성을 더해 차분하면서도 정돈된 톤을 형성합니다.
대비·계층: 세리프 제목과 산세리프 본문이라는 클래식한 대비 구조에 노토 세리프 700~900과 나눔고딕 400 조합이 더해져 위계가 명확하게 분리됩니다.
추천 용도: 출판·매거진 디지털 아카이브공공기관 보고서 웹교육·학술 콘텐츠브랜드 스토리 페이지뉴스레터 헤드라인

어울리는 영문 폰트

제목Source SerifEB GaramondMerriweatherIBM Plex Serif

본문Source Sans ProIBM Plex SansInter

노토 세리프 KR은 노토 패밀리의 휴머니스트 세리프 구조라 Source Serif·IBM Plex Serif와 골격이 자연스럽게 맞고, 나눔고딕은 중립적 산세리프라 Source Sans·IBM Plex Sans와 자폭·x-height가 잘 어울립니다.

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

40~48px

26~30px

본문

16~18px

line-height

1.7

어울리는 색상

#1a1a1a

#8b7355

#f5efe6

어울리는 산업 톤

라이프스타일 매거진공공기관 신뢰교육 따뜻출판·아카이브

74제목 나눔고딕 · 본문 노토 세리프 KR

나눔고딕B=제목용

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

+노토 세리프 KRA=본문용

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

차분한 문장 위에 또렷한 제목이 머문다

노토 세리프 KR은 다양한 웨이트와 안정된 자소 구조로 긴 본문 가독성이 우수하며, 나눔고딕 800은 한 눈에 들어오는 제목 시인성을 제공한다.

분위기: 노토 세리프 KR의 깊이 있는 본문 위에 나눔고딕의 명료한 제목이 얹혀 차분한 신뢰감과 또렷한 정보 전달이 공존한다.
대비·계층: 세리프 본문과 산세리프 제목이라는 분류 대비에 더해 나눔고딕 800 vs 노토 세리프 400의 굵기 대비가 자연스러운 정보 위계를 만든다.
추천 용도: 장문 칼럼·에세이 매체공공기관 보고서 본문교육·학술 콘텐츠 출판물브랜드 스토리 페이지

어울리는 영문 폰트

제목InterIBM Plex SansManrope

본문Source SerifMerriweather

나눔고딕의 정직한 골격은 Inter·IBM Plex Sans 같은 휴머니스트 산세리프와 무게 매칭이 좋고, 노토 세리프 KR 본문은 Source Serif류 영문 세리프와 x-height·획 대비가 일치한다.

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

32~40px

22~26px

본문

17~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=Noto+Serif+KR:wght@200;400;600;700;900&display=swap');

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

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