한글 페어링 · 큐레이션

함초롬바탕+나눔스퀘어 네오

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

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

A:함초롬바탕· 제작 한컴|B:나눔스퀘어 네오· 제작 네이버

→ 각 폰트 종합 가이드: 함초롬바탕 가이드·나눔스퀘어 네오 가이드

평가 결과 · 2개 케이스

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

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

82제목 함초롬바탕 · 본문 나눔스퀘어 네오

함초롬바탕A=제목용ⓘ 미리보기는 프리텐다드

제작한컴비상업 무료다운로드

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

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

오래된 문장이 오늘의 페이지에 다시 깃든다

함초롬바탕은 한글 획의 표정이 살아있어 제목에서 시선을 끌고, 나눔스퀘어 네오는 균일한 자폭과 넓은 웨이트 스펙트럼으로 긴 본문에서도 안정적으로 읽힙니다.

분위기: 함초롬바탕의 단정한 한글 세리프가 전통적 품격을 드리우고, 나눔스퀘어 네오의 정돈된 산세리프가 현대적 명료함을 더해 클래식과 모던이 균형을 이룹니다.
대비·계층: 세리프 제목과 산세리프 본문이라는 명확한 분류 대비에 더해, 함초롬바탕 700과 나눔스퀘어 네오 400의 굵기 차이가 정보 위계를 또렷하게 분리합니다.
추천 용도: 출판·매거진 에디토리얼공공기관·문화재단 리포트교육 콘텐츠 학습자료브랜드 스토리 랜딩 페이지박물관·전시 도록

어울리는 영문 폰트

제목EB GaramondSource SerifPlayfair DisplayLora

본문InterIBM Plex SansSource Sans Pro

제목은 함초롬바탕의 고전적 세리프 인상에 맞춰 클래식 세리프 라틴을, 본문은 나눔스퀘어 네오의 기하학적 산세리프 구조와 정합하는 중립 산세리프를 매칭합니다.

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

36~44px

22~26px

본문

16~17px

line-height

1.7

어울리는 색상

#1f1a14

#8b6b3d

#f5efe6

어울리는 산업 톤

출판 에디토리얼공공기관 신뢰문화예술 클래식교육 따뜻

78제목 나눔스퀘어 네오 · 본문 함초롬바탕

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

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

+함초롬바탕A=본문용ⓘ 미리보기는 프리텐다드

제작한컴비상업 무료다운로드

차분한 문장이 페이지를 천천히 채워 갑니다

함초롬바탕은 한국어 본문 가독성이 검증된 명조 계열로 긴 글에 적합하며, 나눔스퀘어 네오 굵은 웨이트는 명확한 헤드라인 시인성을 제공합니다.

분위기: 함초롬바탕의 단정하고 학술적인 분위기를 나눔스퀘어 네오의 모던한 기하학적 골격이 깔끔하게 강조해 줍니다. 전통과 현대가 자연스럽게 공존하는 톤입니다.
대비·계층: 세리프 본문과 산세리프 제목의 분류 대비, 그리고 나눔스퀘어 네오의 900 웨이트가 만드는 굵기 차이가 정보 위계를 분명히 형성합니다.
추천 용도: 출판물 및 단행본 본문기업 IR·연차 보고서교육 콘텐츠 PDF리포트형 웹페이지공공기관 안내 문서

어울리는 영문 폰트

제목InterManropePlus Jakarta SansIBM Plex Sans

본문Source SerifEB GaramondLora

본문 함초롬바탕은 클래식한 세리프와 비율이 잘 맞는 Source Serif·EB Garamond 계열과 합성하면 자연스럽고, 제목용 나눔스퀘어 네오는 기하학적 산세리프인 Inter·Manrope와 골격이 닮아 어울립니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#1f2937

#a98154

#f6f1e7

어울리는 산업 톤

출판 매거진교육 따뜻공공기관 신뢰B2B 리서치

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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