한글 페어링 · 큐레이션

나눔바른고딕+노토 세리프 KR

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

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

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

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

평가 결과 · 2개 케이스

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

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

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

노토 세리프 KRA=제목용

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

+나눔바른고딕B=본문용

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

고요한 활자 위에 깊이를 더하다

노토 세리프 KR은 다양한 웨이트로 제목 위계를 명확히 잡아주고, 나눔바른고딕은 한국어 본문에 최적화된 자형으로 긴 글 읽기에 우수합니다.

분위기: 노토 세리프 KR의 단정하고 전통적인 인상이 나눔바른고딕의 깔끔하고 절제된 본문 톤과 만나 신뢰감 있는 출판 분위기를 만듭니다.
대비·계층: 세리프 제목과 산세리프 본문의 클래식한 대비 구조에 노토 세리프 700~900 웨이트가 시각적 무게를 더해 정보 위계가 또렷합니다.
추천 용도: 출판·매거진 레이아웃공공기관 보고서교육 콘텐츠 본문브랜드 백서·아티클문화예술 웹사이트

어울리는 영문 폰트

제목Source SerifEB GaramondPlayfair DisplayIBM Plex Serif

본문InterIBM Plex SansSource Sans Pro

제목은 노토 세리프의 클래식한 인상에 맞춰 정제된 라틴 세리프로 합성하고, 본문은 나눔바른고딕의 중립적 톤과 어울리는 휴머니스트 산세리프로 매칭합니다.

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

40~52px

24~30px

본문

16~18px

line-height

1.7

어울리는 색상

#1a1a1a

#8b7355

#f5efe6

어울리는 산업 톤

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

82제목 나눔바른고딕 · 본문 노토 세리프 KR

나눔바른고딕B=제목용

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

+노토 세리프 KRA=본문용

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

긴 글의 행간에서 사유는 천천히 자라난다

노토 세리프 KR은 7단계 웨이트와 안정적인 한자·한글 자소 균형으로 긴 본문 가독성이 우수하며, 나눔바른고딕은 제목에서 명료하게 시선을 잡습니다.

분위기: 노토 세리프 KR의 단정한 본문 위에 나눔바른고딕이 깔끔한 제목을 얹어, 차분하면서도 신뢰감 있는 톤을 형성합니다.
대비·계층: 세리프 본문 vs 산세리프 제목이라는 고전적 대비 구조로 위계가 분명하고, 나눔바른고딕 700으로 제목을 잡으면 충분한 무게 차이가 확보됩니다.
추천 용도: 출판·매거진 본문 레이아웃브랜드 스토리·인터뷰 기사교육·학술 콘텐츠공공기관 보고서 웹페이지에디토리얼 뉴스레터

어울리는 영문 폰트

제목InterIBM Plex SansManropeHelvetica Neue

본문Source SerifMerriweatherIBM Plex Serif

본문 세리프는 Source Serif·IBM Plex Serif와 자형 골격이 유사해 자연스럽고, 제목 산세리프는 Inter·IBM Plex Sans의 중립적 골격이 나눔바른고딕과 잘 어울립니다.

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

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/NanumBarunGothic/subsets/NanumBarunGothic-dynamic-subset.css');
@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 Barun Gothic', sans-serif;
}

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