한글 페어링 · 큐레이션

나눔명조 옛한글+스포카 한 산스 네오

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

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

A:나눔명조 옛한글· 제작 네이버|B:스포카 한 산스 네오· 제작 스포카

→ 각 폰트 종합 가이드: 나눔명조 옛한글 가이드·스포카 한 산스 네오 가이드

평가 결과 · 2개 케이스

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

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

82제목 나눔명조 옛한글 · 본문 스포카 한 산스 네오

나눔명조 옛한글A=제목용ⓘ 미리보기는 프리텐다드

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

+스포카 한 산스 네오B=본문용

제작스포카상업 무료다운로드

오래된 문장이 오늘의 마음을 흔든다

제목의 명조 세리프가 권위와 품격을 전하며, 본문의 스포카 한 산스 네오는 다양한 웨이트와 균형 잡힌 자형으로 긴 글에서도 안정적인 가독성을 보장합니다.

분위기: 나눔명조 옛한글의 고전적이고 정제된 인상이 스포카 한 산스 네오의 깔끔한 현대성과 만나 전통과 모던이 조화된 톤을 형성합니다.
대비·계층: 세리프 제목과 산세리프 본문이라는 구조적 대비가 명확하고, 본문의 다섯 단계 웨이트가 정보 위계를 세밀하게 조정해 줍니다.
추천 용도: 문화·인문 매거진출판사 웹사이트박물관·전시 안내에디토리얼 콘텐츠브랜드 스토리 페이지

어울리는 영문 폰트

제목EB GaramondPlayfair DisplaySource SerifLora

본문InterIBM Plex SansSource Sans Pro

제목의 명조 골격에는 클래식 세리프 라틴이 자연스럽게 어울리고, 본문은 중립적 산세리프 라틴으로 스포카의 균형감과 조화시킵니다.

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

40~52px

24~30px

본문

16~17px

line-height

1.7

어울리는 색상

#1a1a1a

#8b7355

#f5efe6

어울리는 산업 톤

출판·매거진문화·예술라이프스타일 에디토리얼교육 인문

78제목 스포카 한 산스 네오 · 본문 나눔명조 옛한글

스포카 한 산스 네오B=제목용

제작스포카상업 무료다운로드

+나눔명조 옛한글A=본문용ⓘ 미리보기는 프리텐다드

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

오래된 문장 속에서 새로운 결을 발견하다

나눔명조 옛한글은 부드러운 세리프와 안정적인 자폭으로 긴 호흡의 본문에 적합하며, 스포카 한 산스 네오는 깔끔한 골격으로 제목에서 즉각적인 시선 포착이 가능합니다.

분위기: 나눔명조 옛한글이 만들어내는 고전적이고 문학적인 본문 위에 스포카 한 산스 네오의 정제된 모던함이 제목으로 얹혀 전통과 현대가 절제되게 공존합니다.
대비·계층: 세리프 본문과 산세리프 제목이라는 구조적 대비가 분명하고, 스포카의 폭넓은 웨이트(100~700)가 정보 위계를 유연하게 조절합니다.
추천 용도: 문학·에세이 웹진출판 콘텐츠 페이지브랜드 스토리텔링 섹션인터뷰·롱폼 아티클박물관·전시 도록

어울리는 영문 폰트

제목InterManropeIBM Plex SansGeist

본문EB GaramondSource SerifLora

제목은 스포카의 중립적 산세리프 골격과 결이 맞는 모던 지오메트릭 산세리프, 본문은 나눔명조 옛한글의 문학적 세리프 인상을 잇는 클래식 세리프가 어울립니다.

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

32~40px

22~26px

본문

17~19px

line-height

1.75

어울리는 색상

#1a1a1a

#8b7355

#f5efe6

어울리는 산업 톤

라이프스타일 매거진출판·문화 콘텐츠공공·문화재단 신뢰교육 따뜻

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f6c41e92d11f8113b1f61131b7d683/css/SpoqaHanSansNeo.css');

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

/* 본문 */
body, p {
  font-family: 'Spoqa Han Sans Neo', sans-serif;
}