designnews

한글 페어링 · 큐레이션

나눔바른고딕+본고딕

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

평가 케이스
2개
평균 점수
80점
관련 페어
6개
A:나눔바른고딕· 제작 네이버|B:본고딕· 제작 어도비·구글

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

평가 결과 · 2개 케이스

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

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

82제목 나눔바른고딕 · 본문 본고딕
나눔바른고딕A=제목용
제작네이버상업 무료다운로드
+본고딕B=본문용ⓘ 미리보기는 프리텐다드
제작어도비·구글상업 무료다운로드
데이터로 증명하는 신뢰의 기준

나눔바른고딕은 제목에서 또렷한 획과 정돈된 비례로 시선을 잡고, 본고딕은 풍부한 웨이트와 균일한 자폭으로 긴 본문에서도 안정적인 가독성을 제공합니다.

분위기
나눔바른고딕의 단정하고 정돈된 인상이 본고딕의 중립적이고 안정적인 본문 톤과 자연스럽게 어우러져 신뢰감 있는 분위기를 형성합니다.
대비·계층
두 폰트 모두 산세리프 계열이라 형태 대비는 약하지만, 나눔바른고딕 Bold와 본고딕 Light/Regular의 웨이트 차이로 정보 위계를 충분히 확보할 수 있습니다.
추천 용도
기업 IR 리포트공공기관 웹사이트B2B SaaS 대시보드교육 콘텐츠 본문뉴스레터 아티클

어울리는 영문 폰트

제목InterIBM Plex SansManropeSource Sans Pro
본문Source Sans ProIBM Plex Sans

나눔바른고딕의 정돈된 제목 인상에는 Inter·Manrope의 모던한 기하학적 감각이 어울리고, 본고딕은 어도비가 제작한 Source Sans Pro와 같은 패밀리 톤을 공유해 본문 일관성이 뛰어납니다.

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

h1
36~44px
h2
24~28px
본문
16~17px
line-height
1.65

어울리는 색상

#1f2937
#3b82f6
#f8fafc

어울리는 산업 톤

B2B SaaS공공기관 신뢰핀테크 모던교육 따뜻
78제목 본고딕 · 본문 나눔바른고딕
본고딕A=제목용ⓘ 미리보기는 프리텐다드
제작어도비·구글상업 무료다운로드
+나눔바른고딕B=본문용
제작네이버상업 무료다운로드
신뢰를 담은 정직한 커뮤니케이션

본고딕은 다양한 웨이트로 제목 위계를 명확히 표현하며, 나눔바른고딕은 본문 가독성에 최적화된 자폭과 자간으로 긴 글 읽기에 적합합니다.

분위기
본고딕의 정제된 모던함이 제목을 안정적으로 잡아주고, 나눔바른고딕의 단정한 본문 톤이 자연스럽게 받쳐주는 조합입니다. 전반적으로 차분하고 신뢰감 있는 인상을 형성합니다.
대비·계층
두 폰트 모두 휴머니스트 산세리프 계열이라 인상이 다소 유사하지만, 본고딕 Bold/Black을 제목에 사용하면 웨이트 대비로 위계를 충분히 확보할 수 있습니다.
추천 용도
기업 IR·소개 페이지공공기관 정보 사이트B2B SaaS 대시보드교육 콘텐츠 플랫폼뉴스·블로그 본문

어울리는 영문 폰트

제목InterIBM Plex SansManropeSource Sans Pro
본문Source Sans ProInter

본고딕의 어도비 계열 구조와 직접적으로 호환되는 Source Sans Pro가 합성 글꼴로 가장 자연스럽고, Inter·IBM Plex는 모던하고 중립적인 톤으로 본고딕의 정제된 인상을 보완합니다.

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

h1
36~44px
h2
24~28px
본문
16~17px
line-height
1.7

어울리는 색상

#1f2937
#3b82f6
#f8fafc

어울리는 산업 톤

B2B SaaS공공기관 신뢰교육 따뜻기업 커뮤니케이션

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/NanumBarunGothic/subsets/NanumBarunGothic-dynamic-subset.css');

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

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

관련 페어 · 같은 폰트 포함

나눔바른고딕 또는 본고딕 들어간 다른 인기 페어