한글 페어링 · 큐레이션

나눔고딕+나눔스퀘어 라운드

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

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

A:나눔고딕· 제작 네이버|B:나눔스퀘어 라운드· 제작 네이버

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

평가 결과 · 2개 케이스

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

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

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

나눔스퀘어 라운드B=제목용

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

+나눔고딕A=본문용

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

오늘의 이야기를 차분히 풀어드립니다

나눔고딕은 균일한 자폭과 안정적인 x-height로 긴 글 본문에 무리가 없고, 나눔스퀘어 라운드는 굵은 웨이트에서 라운드 처리 덕분에 시선이 부드럽게 머문다.

분위기: 나눔고딕이 차분하고 단정한 본문 톤을 깔고, 나눔스퀘어 라운드가 둥근 모서리로 부드러운 강조를 더해 친근하면서도 정돈된 인상을 만든다.
대비·계층: 같은 sans 계열이라 형태 대비는 약하지만 라운드 곡률과 800 웨이트 차이로 위계가 잡힌다. 제목은 800, 본문은 400으로 분리할 때 가장 명확하다.
추천 용도: 공공기관 안내 페이지 본문교육 콘텐츠 장문 아티클사내 뉴스레터B2B 서비스 도움말 문서비영리 캠페인 소개

어울리는 영문 폰트

제목ManropePlus Jakarta SansNunito

본문InterIBM Plex Sans

본문 나눔고딕에는 중립적이고 x-height가 안정적인 Inter·IBM Plex Sans가 자연스럽고, 강조용 라운드 제목에는 곡률을 공유하는 Manrope·Nunito가 톤을 맞춰준다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2b6cb0

#f6ad55

#f7fafc

어울리는 산업 톤

공공기관 신뢰교육 따뜻비영리 친근B2B SaaS

68제목 나눔고딕 · 본문 나눔스퀘어 라운드

나눔고딕A=제목용

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

+나눔스퀘어 라운드B=본문용

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

모두에게 열린 따뜻한 정보의 시작

나눔고딕은 800 웨이트로 제목 가독성이 우수하고, 나눔스퀘어 라운드는 둥근 마감 덕분에 본문에서 부담 없이 읽힙니다.

분위기: 나눔고딕의 단정하고 표준적인 인상에 나눔스퀘어 라운드의 부드러운 곡선이 더해져 친근하면서도 정돈된 톤을 형성합니다.
대비·계층: 두 폰트 모두 sans-serif에 구조가 유사해 형태적 대비는 약하지만, 웨이트(800 vs 400)와 마감 처리(직각 vs 라운드) 차이로 위계는 형성됩니다.
추천 용도: 공공기관 안내 페이지교육 콘텐츠 웹사이트사내 매뉴얼·뉴스레터비영리 캠페인 랜딩

어울리는 영문 폰트

제목InterIBM Plex SansManrope

본문Source Sans ProRoboto

나눔고딕의 표준적 골격에는 Inter·IBM Plex Sans처럼 중립적이고 또렷한 산세리프가 어울리며, 본문은 둥근 인상과 호응하는 Manrope·Source Sans Pro로 톤을 맞춥니다.

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

36~44px

22~26px

본문

16~17px

line-height

1.65

어울리는 색상

#2b6cb0

#f6ad55

#f7fafc

어울리는 산업 톤

공공기관 신뢰교육 따뜻비영리 친근

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/NanumSquareRound/subsets/NanumSquareRound-dynamic-subset.css');

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

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