한글 페어링 · 큐레이션

나눔스퀘어+노토 산스 KR

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

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

A:나눔스퀘어· 제작 네이버|B:노토 산스 KR· 제작 구글·어도비

→ 각 폰트 종합 가이드: 나눔스퀘어 가이드·노토 산스 KR 가이드

평가 결과 · 2개 케이스

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

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

82제목 나눔스퀘어 · 본문 노토 산스 KR

나눔스퀘어A=제목용

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

+노토 산스 KRB=본문용

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

신뢰할 수 있는 정보, 명료하게 전달합니다

노토 산스 KR은 광범위한 글리프 커버리지와 안정적인 자소 균형으로 긴 본문에서 우수한 가독성을 보이며, 나눔스퀘어 800은 제목에서 명료하게 시선을 끕니다.

분위기: 나눔스퀘어의 단정하고 모던한 제목과 노토 산스 KR의 중성적이고 안정적인 본문이 깔끔하고 신뢰감 있는 톤을 형성합니다.
대비·계층: 둘 다 산세리프지만 나눔스퀘어의 기하학적 직선미와 노토 산스 KR의 인간적 휴머니스트 곡선이 미묘한 인상 차이를 만들고, 800 vs 400 웨이트 차이로 위계를 명확히 분리할 수 있습니다.
추천 용도: 공공기관·교육 웹사이트B2B SaaS 랜딩페이지기업 IR·리포트 PDF뉴스·블로그 본문 레이아웃사내 대시보드 UI

어울리는 영문 폰트

제목InterManropeIBM Plex SansPlus Jakarta Sans

본문InterSource Sans ProIBM Plex Sans

나눔스퀘어의 정돈된 기하 구조에는 Inter·Manrope의 모던한 라틴이 어울리고, 노토 산스 KR 본문에는 같은 휴머니스트 계열인 Source Sans Pro·IBM Plex Sans가 자연스럽게 합성됩니다.

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

36~44px

24~28px

본문

16~17px

line-height

1.65

어울리는 색상

#1f2937

#2563eb

#f4f6f9

어울리는 산업 톤

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

78제목 노토 산스 KR · 본문 나눔스퀘어

노토 산스 KRB=제목용

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

+나눔스퀘어A=본문용

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

차분한 본문이 신뢰를 만듭니다

나눔스퀘어는 기하학적 골격과 균일한 글자폭으로 긴 본문에서도 피로감이 적고, 노토 산스 KR 900은 제목에서 시각적 무게감을 명확히 전달한다.

분위기: 나눔스퀘어가 깔끔하고 단정한 본문 톤을 안정적으로 깔아주고, 노토 산스 KR이 묵직한 헤드라인으로 정보 위계를 잡아주는 모던하고 정돈된 분위기.
대비·계층: 둘 다 산세리프지만 노토 산스 KR의 900 헤비 웨이트와 나눔스퀘어 Light/Regular의 조합이 굵기 대비를 충분히 만들어 계층 구분이 잘 된다.
추천 용도: B2B SaaS 대시보드공공기관 안내 페이지기업 IR·리포트 본문교육 플랫폼 콘텐츠

어울리는 영문 폰트

제목InterIBM Plex SansManropePretendard Latin

본문Source Sans ProInterIBM Plex Sans

나눔스퀘어의 기하학적 본문 골격과 매칭되는 중립적 산세리프가 가장 자연스럽고, 노토 산스 KR 헤드라인에는 굵은 웨이트가 잘 살아나는 Inter 계열이 어울린다.

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

32~40px

22~26px

본문

16~17px

line-height

1.65

어울리는 색상

#1f2937

#3b82f6

#f4f6f8

어울리는 산업 톤

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

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/NanumSquare/subsets/NanumSquare-dynamic-subset.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

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

/* 본문 */
body, p {
  font-family: 'Noto Sans KR', sans-serif;
}