한글 페어링 · 큐레이션

나눔스퀘어 네오+노토 산스 KR

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

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

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

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

평가 결과 · 2개 케이스

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

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

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

나눔스퀘어 네오B=제목용

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

+노토 산스 KRA=본문용

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

차분하게 읽히는 본문 위에 또렷한 제목이 얹힌다

노토 산스 KR은 균형 잡힌 자형과 넉넉한 공간으로 긴 본문 가독성이 우수하며, 나눔스퀘어 네오 헤딩은 또렷하게 시선을 잡는다.

분위기: 노토 산스 KR이 차분하고 중립적인 본문 톤을 만들고, 나눔스퀘어 네오가 약간 더 또렷하고 모던한 강조를 더한다.
대비·계층: 둘 다 산세리프라 형태 대비는 약하지만 웨이트(노토 400 vs 네오 900) 차이로 위계가 충분히 확보된다.
추천 용도: B2B SaaS 대시보드 본문공공기관 공지·안내 페이지교육 플랫폼 강의 설명기업 IR·블로그 콘텐츠

어울리는 영문 폰트

제목InterManropePlus Jakarta SansGeist

본문InterIBM Plex SansSource Sans Pro

노토 산스 KR의 휴머니스트 산세리프 구조에는 Inter·IBM Plex Sans처럼 중립적이고 x-height가 안정된 영문이 어울리고, 네오 헤딩에는 약간 기하학적인 Manrope·Geist가 모던한 인상을 보강한다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#1f2937

#3b82f6

#f5f7fa

어울리는 산업 톤

B2B SaaS공공기관 신뢰교육 플랫폼

72제목 노토 산스 KR · 본문 나눔스퀘어 네오

노토 산스 KRB=제목용

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

+나눔스퀘어 네오A=본문용

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

차분한 문장으로 정보를 정확히 전합니다.

나눔스퀘어 네오는 균일한 자폭과 안정된 비례로 긴 본문을 무리 없이 읽히게 하며, 노토 산스 KR 제목은 명료한 골격으로 첫눈에 들어옵니다.

분위기: 나눔스퀘어 네오의 모던하고 깔끔한 본문 인상에 노토 산스 KR의 정제된 제목이 더해져 일관된 디지털 친화 톤을 형성합니다.
대비·계층: 두 폰트 모두 기하학 산세리프 계열이라 형태 대비는 약하지만, 노토 산스 900과 나눔스퀘어 네오 400 사이의 웨이트 격차로 위계가 확보됩니다.
추천 용도: B2B SaaS 대시보드 본문공공기관 안내문교육 콘텐츠 본문테크 블로그·뉴스레터사용자 매뉴얼

어울리는 영문 폰트

제목InterIBM Plex SansManrope

본문InterSource Sans Pro

노토 산스 KR과 나눔스퀘어 네오 모두 기하학적 산세리프 골격이라 Inter·IBM Plex Sans처럼 중립적이고 x-height가 안정된 라틴이 자연스럽게 합성됩니다.

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

32~40px

22~26px

본문

16~17px

line-height

1.7

어울리는 색상

#1f2937

#3b82f6

#f5f6f8

어울리는 산업 톤

B2B SaaS 신뢰공공기관 정보 전달교육 차분

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/NanumSquareNeo/subsets/NanumSquareNeo-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 Neo', sans-serif;
}

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