한글 페어링 · 큐레이션

나눔스퀘어+스타일리쉬

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

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

A:나눔스퀘어· 제작 네이버|B:스타일리쉬· 제작 LE'TS

→ 각 폰트 종합 가이드: 나눔스퀘어 가이드·스타일리쉬 가이드

평가 결과 · 2개 케이스

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

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

74제목 스타일리쉬 · 본문 나눔스퀘어

스타일리쉬A=제목용

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

+나눔스퀘어B=본문용

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

오늘의 무드를 새롭게 정의하다

스타일리쉬는 큰 사이즈에서 장식적 매력이 살아나 헤드라인에 적합하며, 나눔스퀘어는 균일한 골격과 넉넉한 자간으로 긴 본문에서도 안정된 가독성을 보장합니다.

분위기: 스타일리쉬의 세련되고 감각적인 디스플레이 인상이 나눔스퀘어의 단정한 기하학적 본문과 만나 모던하면서도 정돈된 분위기를 형성합니다.
대비·계층: 디스플레이 성격의 스타일리쉬와 중립적 산세리프 나눔스퀘어 사이에 인상 차이가 분명해 정보 위계가 명확히 잡힙니다.
추천 용도: 라이프스타일 매거진 표지패션·뷰티 브랜드 캠페인 페이지이커머스 기획전 배너감성 콘텐츠 블로그 헤더

어울리는 영문 폰트

제목Playfair DisplayManropeSatoshiPlus Jakarta Sans

본문InterIBM Plex Sans

스타일리쉬의 감각적인 곡선에는 Playfair Display나 Satoshi 같은 세련된 디스플레이 영문이 어울리고, 나눔스퀘어의 기하학적 본문에는 Inter·IBM Plex Sans의 중립적 구조가 자연스럽게 맞물립니다.

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

44~56px

24~30px

본문

16~18px

line-height

1.65

어울리는 색상

#1a1a1a

#c9a27a

#f5efe6

어울리는 산업 톤

패션·뷰티 감성라이프스타일 매거진이커머스 트렌디

58제목 나눔스퀘어 · 본문 스타일리쉬

나눔스퀘어A=제목용

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

+스타일리쉬B=본문용

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

오늘의 무드를 담은 한 줄.

제목의 나눔스퀘어 800은 또렷한 직사각형 구조로 시선을 잡지만, 본문의 스타일리쉬는 얇은 단일 웨이트라 긴 글에는 가독성이 다소 떨어집니다.

분위기: 나눔스퀘어의 기하학적 단정함이 스타일리쉬의 가늘고 유려한 인상과 만나 모던하면서도 감각적인 톤을 형성합니다.
대비·계층: 굵직한 나눔스퀘어 헤드라인과 얇고 가는 스타일리쉬 본문 사이에 두께 대비는 충분하나, 본문 폰트의 디스플레이 성격 때문에 정보 위계가 다소 모호해질 수 있습니다.
추천 용도: 라이프스타일 브랜드 키비주얼패션·뷰티 룩북 표지전시 포스터 헤드라인감각적 매거진 커버

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeistInter

본문SatoshiManrope

나눔스퀘어의 기하학적 골격과 잘 맞는 모던 산세리프를 제목에, 스타일리쉬의 가벼운 인상과 어울리는 슬림한 산세리프를 본문에 배치하면 합성 글꼴이 자연스럽습니다.

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

40~52px

24~30px

본문

17~19px

line-height

1.7

어울리는 색상

#1a1a1a

#c8a27a

#f5efe6

어울리는 산업 톤

라이프스타일 매거진패션·뷰티 감성F&B 큐레이션

구현 코드 · 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=Stylish&display=swap');

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

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