한글 페어링 · 큐레이션

나눔바른고딕+나눔고딕

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

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

A:나눔바른고딕· 제작 네이버|B:나눔고딕· 제작 네이버

→ 각 폰트 종합 가이드: 나눔바른고딕 가이드·나눔고딕 가이드

평가 결과 · 2개 케이스

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

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

72제목 나눔고딕 · 본문 나눔바른고딕

나눔고딕A=제목용

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

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

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

정확한 정보, 신뢰할 수 있는 전달

나눔고딕 800은 제목에서 또렷이 시선을 잡고, 나눔바른고딕은 자간·공간 설계가 균일해 긴 본문에서도 안정적으로 읽힙니다.

분위기: 나눔고딕이 단정하고 또렷한 제목 인상을 만들고, 나눔바른고딕이 한층 정제된 본문 톤으로 받쳐 차분하고 신뢰감 있는 분위기를 형성합니다.
대비·계층: 동일 패밀리 계열로 골격이 유사해 인상이 비슷한 편이지만, 800↔300/400 웨이트 격차로 위계는 충분히 확보됩니다.
추천 용도: 공공기관 안내문교육 자료 본문 페이지기업 보고서·백서정보 중심 블로그관공서 웹사이트

어울리는 영문 폰트

제목InterIBM Plex SansSource Sans ProHelvetica Neue

본문IBM Plex SansSource Sans Pro

나눔 계열의 단정한 휴머니스트 산세리프 골격과 잘 맞는 중립적·정보형 라틴 산세리프로 톤을 맞춥니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#1f4e79

#4a90b8

#f4f6f8

어울리는 산업 톤

공공기관 신뢰교육 단정B2B SaaS 정보형

62제목 나눔바른고딕 · 본문 나눔고딕

나눔바른고딕B=제목용

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

+나눔고딕A=본문용

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

차근차근 읽히는 단정한 문장의 리듬

나눔고딕은 굵은 획과 넉넉한 카운터로 긴 본문에서도 안정적인 가독성을 보장한다. 나눔바른고딕은 균형 잡힌 모듈로 제목에서 첫눈에 정보가 들어온다.

분위기: 나눔고딕이 본문으로 깔리고 나눔바른고딕이 제목을 맡으면 같은 네이버 패밀리 특유의 단정하고 신뢰감 있는 톤이 유지된다. 다만 두 폰트의 기본 인상이 매우 흡사해 분위기 차별화는 약하다.
대비·계층: 두 폰트 모두 휴머니스트 산세리프 계열이라 골격이 유사해 같은 굵기로 쓰면 위계가 흐려진다. 제목 700·본문 400 같은 큰 웨이트 격차로 보완해야 한다.
추천 용도: 공공기관 안내 페이지 본문교육 자료 장문 텍스트기업 블로그·뉴스레터 아티클리포트·백서 PDF 본문

어울리는 영문 폰트

제목IBM Plex SansSource Sans ProInter

본문Source Sans ProIBM Plex Sans

나눔 패밀리의 휴머니스트 골격과 넉넉한 x-height에 어울리는 중립적 산세리프를 매칭해 본문 흐름을 끊지 않도록 했다. 제목용은 동일 계열 중 약간 더 구조감 있는 서체를 권장한다.

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

32~40px

22~26px

본문

16~17px

line-height

1.7

어울리는 색상

#2b3a4a

#4a90a4

#f4f1ec

어울리는 산업 톤

공공기관 신뢰교육 따뜻B2B 리포트 단정

구현 코드 · 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=Nanum+Gothic:wght@400;700;800&display=swap');

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

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