한글 페어링 · 큐레이션

나눔바른고딕+스포카 한 산스 네오

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

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

A:나눔바른고딕· 제작 네이버|B:스포카 한 산스 네오· 제작 스포카

→ 각 폰트 종합 가이드: 나눔바른고딕 가이드·스포카 한 산스 네오 가이드

평가 결과 · 2개 케이스

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

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

86제목 나눔바른고딕 · 본문 스포카 한 산스 네오

나눔바른고딕A=제목용

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

+스포카 한 산스 네오B=본문용

제작스포카상업 무료다운로드

신뢰는 매일의 정확함에서 시작됩니다

나눔바른고딕은 700 웨이트로 제목에서 또렷한 존재감을 보이며, 스포카 한 산스 네오는 균일한 자간과 안정적인 골격으로 긴 본문 가독성이 뛰어납니다.

분위기: 나눔바른고딕의 단정하고 정돈된 인상이 스포카 한 산스 네오의 모던하고 균일한 톤과 만나 신뢰감 있는 일관된 분위기를 형성합니다.
대비·계층: 두 폰트 모두 sans지만 나눔바른고딕 Bold의 단단한 인상과 스포카 한 산스 Regular의 가벼운 질감이 명확한 위계 차이를 만듭니다.
추천 용도: 기업 IR·보고서 표지 제목B2B SaaS 랜딩 헤드라인공공기관 안내 페이지에디토리얼 웹 매거진금융 서비스 상세 페이지

어울리는 영문 폰트

제목InterIBM Plex SansManropeSource Sans Pro

본문InterRobotoIBM Plex Sans

나눔바른고딕의 정제된 골격에는 Inter·IBM Plex Sans처럼 모던하면서 단단한 영문이 매칭되고, 스포카 한 산스 네오는 균일한 자형 덕에 Roboto·Inter와 본문 합성 시 자간이 자연스럽습니다.

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

36~44px

24~28px

본문

16~17px

line-height

1.65

어울리는 색상

#1f2937

#3b82f6

#f4f6f8

어울리는 산업 톤

B2B SaaS 신뢰핀테크 모던공공기관 안정기업 커뮤니케이션

74제목 스포카 한 산스 네오 · 본문 나눔바른고딕

스포카 한 산스 네오B=제목용

제작스포카상업 무료다운로드

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

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

차분한 문장이 독자의 시선을 이끕니다

나눔바른고딕은 균형 잡힌 글자 폭과 안정적인 자소 구조로 긴 본문 읽기에 매우 적합하며, 스포카 한 산스 네오는 또렷한 골격으로 제목에서 시선을 잡습니다.

분위기: 나눔바른고딕의 단정하고 차분한 본문 인상과 스포카 한 산스 네오의 깔끔하고 모던한 제목 인상이 부드럽게 어우러집니다. 두 폰트 모두 중립적이고 정돈된 톤을 공유합니다.
대비·계층: 둘 다 산세리프 계열이라 형태 대비는 약하지만, 무게(700 vs 본문 400)와 사이즈 차이로 충분한 위계를 만들 수 있습니다. 분류 대비가 부족해 점수가 일부 감점됩니다.
추천 용도: B2B SaaS 대시보드공공기관 안내문교육 콘텐츠 본문IR·기업 리포트뉴스레터 본문

어울리는 영문 폰트

제목InterManropeIBM Plex Sans

본문Source Sans ProInter

스포카 한 산스 네오의 기하학적 깔끔함은 Inter·Manrope와 골격이 잘 맞고, 나눔바른고딕의 휴머니스트 본문 톤은 Source Sans Pro와 자연스럽게 합성됩니다.

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

32~40px

22~26px

본문

16~17px

line-height

1.7

어울리는 색상

#2b3a4a

#4a90a4

#f4f6f8

어울리는 산업 톤

B2B SaaS공공기관 신뢰교육 따뜻

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/NanumBarunGothic/subsets/NanumBarunGothic-dynamic-subset.css');
@import url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f6c41e92d11f8113b1f61131b7d683/css/SpoqaHanSansNeo.css');

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

/* 본문 */
body, p {
  font-family: 'Spoqa Han Sans Neo', sans-serif;
}