한글 페어링 · 큐레이션

나눔스퀘어+본고딕

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

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

A:나눔스퀘어· 제작 네이버|B:본고딕· 제작 어도비·구글

→ 각 폰트 종합 가이드: 나눔스퀘어 가이드·본고딕 가이드

평가 결과 · 2개 케이스

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

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

82제목 나눔스퀘어 · 본문 본고딕

나눔스퀘어B=제목용

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

+본고딕A=본문용ⓘ 미리보기는 프리텐다드

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

오늘의 데이터를 차분히 정리해 전달합니다.

본고딕은 균일한 획과 넉넉한 카운터로 긴 글에 매우 적합하고, 나눔스퀘어 800은 짧은 헤드라인에서 시선을 확실히 잡는다.

분위기: 본고딕의 차분하고 정제된 본문 인상 위에 나눔스퀘어의 단단한 기하학적 제목이 얹혀, 신뢰감 있으면서도 또렷한 톤을 형성한다.
대비·계층: 둘 다 산세리프지만 본고딕 400과 나눔스퀘어 800의 굵기·구조 차가 명확해 위계가 무너지지 않는다.
추천 용도: 기업 IR·리포트 본문B2B SaaS 도큐먼트공공기관 안내 페이지교육 콘텐츠 아티클뉴스레터 본문 레이아웃

어울리는 영문 폰트

제목ManropeIBM Plex SansInterPlus Jakarta Sans

본문Source Sans ProInter

본고딕은 Source Sans Pro와 동일 패밀리 계열이라 본문 합성에 최적이고, 나눔스퀘어의 기하학적 골격은 Manrope·Plex Sans와 구조적으로 잘 맞는다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#1f2937

#3b82f6

#f5f6f8

어울리는 산업 톤

B2B SaaS공공기관 신뢰교육 따뜻핀테크 모던

78제목 본고딕 · 본문 나눔스퀘어

본고딕B=제목용ⓘ 미리보기는 프리텐다드

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

+나눔스퀘어A=본문용

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

차분한 본문이 정보를 또렷이 전달합니다

나눔스퀘어는 균일한 자폭과 안정된 골격으로 긴 본문에서도 피로감이 적고, 본고딕은 다양한 굵기로 첫눈에 들어오는 제목 표현이 가능합니다.

분위기: 나눔스퀘어의 단정하고 모던한 본문 위로 본고딕의 풍부한 웨이트가 묵직한 제목 인상을 더해 신뢰감 있는 톤을 형성합니다.
대비·계층: 두 폰트 모두 산세리프 계열이라 형태 대비는 약하지만, 본고딕 Bold·Black과 나눔스퀘어 Light·Regular 조합으로 웨이트 대비를 통한 위계는 명확히 구축됩니다.
추천 용도: B2B SaaS 제품 문서공공기관 안내 페이지기업 IR·뉴스룸정보 중심 블로그 본문교육 콘텐츠 본문

어울리는 영문 폰트

제목InterIBM Plex SansManropeHelvetica Neue

본문Source Sans ProInterIBM Plex Sans

본고딕은 Source Sans와 형제 패밀리라 구조가 일치하고, 나눔스퀘어 본문에는 중립적이고 x-height가 안정된 산세리프가 자연스럽게 어울립니다.

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

36~44px

24~28px

본문

16~17px

line-height

1.65

어울리는 색상

#1f2937

#3b82f6

#f5f6f8

어울리는 산업 톤

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

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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