한글 페어링 · 큐레이션

나눔스퀘어+선플라워

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

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

A:나눔스퀘어· 제작 네이버|B:선플라워· 제작 LE'TS

→ 각 폰트 종합 가이드: 나눔스퀘어 가이드·선플라워 가이드

평가 결과 · 2개 케이스

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

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

74제목 선플라워 · 본문 나눔스퀘어

선플라워A=제목용

제작LE'TS상업 무료다운로드

+나눔스퀘어B=본문용

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

햇살 가득한 오후, 작은 이야기 한 편

나눔스퀘어는 균일한 자폭과 또렷한 자소로 긴 본문에서도 시인성이 안정적이며, 선플라워 700은 헤드라인에서 시선을 충분히 끌어 첫인상이 명확합니다.

분위기: 선플라워의 부드럽고 둥근 인상이 제목을 친근하게 이끌고, 나눔스퀘어의 단정한 사각 골격이 본문을 차분히 받쳐 따뜻하면서도 명료한 톤을 형성합니다.
대비·계층: 선플라워의 라운드한 곡선과 나눔스퀘어의 직각적 사각 골격이 형태 대비를 만들고, 700 vs 400 웨이트 차이로 정보 위계가 또렷이 드러납니다.
추천 용도: 라이프스타일 매거진 웹사이트교육·키즈 브랜드 랜딩F&B 카페 메뉴·소개 페이지사내 뉴스레터 본문 레이아웃

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeistInter

본문IBM Plex SansSource Sans ProInter

선플라워의 둥근 헤드라인은 Manrope·Plus Jakarta Sans의 라운드 지오메트리와 자연스럽게 어울리고, 본문은 나눔스퀘어의 정직한 골격과 매칭되는 IBM Plex Sans 계열이 균형을 줍니다.

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

36~44px

22~26px

본문

16~17px

line-height

1.65

어울리는 색상

#2b2a28

#e8a87c

#faf6ef

어울리는 산업 톤

라이프스타일 매거진교육 따뜻F&B 친근

68제목 나눔스퀘어 · 본문 선플라워

나눔스퀘어A=제목용

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

+선플라워B=본문용

제작LE'TS상업 무료다운로드

단단한 시작, 부드러운 이야기

나눔스퀘어는 굵은 웨이트에서 시인성이 뛰어나 제목으로 안정적이며, 선플라워는 본문 사이즈에서 가독성이 다소 약해 짧은 단락에 적합합니다.

분위기: 나눔스퀘어의 직선적이고 단단한 인상이 제목을 주도하며, 선플라워의 가볍고 둥근 본문이 부드러운 보조 역할을 합니다.
대비·계층: 제목의 기하학적 강직함과 본문의 둥근 곡선이 형태 대비를 만들지만, 본문 폰트의 두께 폭이 좁아 위계 강도는 중간 수준입니다.
추천 용도: 스타트업 랜딩페이지캠페인 마이크로사이트교육 콘텐츠 카드브랜드 소개 슬라이드

어울리는 영문 폰트

제목ManropePlus Jakarta SansInterGeist

본문Source Sans ProIBM Plex Sans

나눔스퀘어의 기하학적 골격과 매칭되는 Manrope·Geist 계열이 제목 톤을 살리고, 본문은 둥근 곡선을 보완하는 휴머니스트 산세리프가 적합합니다.

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

36~44px

22~26px

본문

16~17px

line-height

1.7

어울리는 색상

#2c3e50

#f4a261

#f7f3ec

어울리는 산업 톤

교육 따뜻스타트업 친근공공 캠페인

구현 코드 · 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=Sunflower:wght@300;500;700&display=swap');

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

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