한글 페어링 · 큐레이션

스포카 한 산스 네오+이순신체

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

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

A:스포카 한 산스 네오· 제작 스포카|B:이순신체· 제작 아산시

→ 각 폰트 종합 가이드: 스포카 한 산스 네오 가이드·이순신체 가이드

평가 결과 · 2개 케이스

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

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

72제목 이순신체 · 본문 스포카 한 산스 네오

이순신체A=제목용ⓘ 미리보기는 프리텐다드

제작아산시상업 무료다운로드

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

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

충무공의 발자취를 따라 걷다

이순신체는 굵은 획과 손글씨 인상으로 짧은 제목에서 강한 시선 집중을 만들고, 스포카 한 산스 네오는 균일한 자폭과 적정 x-height로 본문 가독성이 우수합니다.

분위기: 이순신체의 강건하고 역사적인 붓 기운이 스포카 한 산스 네오의 단정한 모던함과 결합되어, 묵직한 메시지를 깔끔하게 풀어내는 톤을 형성합니다.
대비·계층: 필기체 제목과 정제된 산세리프 본문이라는 분류 자체의 차이가 명확한 위계를 만들어, weight 조절 없이도 정보 구조가 또렷합니다.
추천 용도: 역사·문화 캠페인 포스터지자체 홍보 브로슈어공공기관 행사 안내전통주·로컬 브랜드 패키지다큐멘터리 자막 타이틀

어울리는 영문 폰트

제목Playfair DisplayEB GaramondMerriweather

본문InterIBM Plex Sans

제목에는 역사적 분위기를 보강하는 클래식 세리프를, 본문에는 스포카 한 산스 네오의 기하학적 단정함과 자연스럽게 합성되는 중립 산세리프를 매칭했습니다.

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

40~52px

24~30px

본문

16~18px

line-height

1.65

어울리는 색상

#1f2a36

#a8794b

#f4ede2

어울리는 산업 톤

공공기관 신뢰지역·문화 헤리티지전통 라이프스타일 매거진

42제목 스포카 한 산스 네오 · 본문 이순신체

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

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

+이순신체B=본문용ⓘ 미리보기는 프리텐다드

제작아산시상업 무료다운로드

오늘의 기록을 단정하게 남깁니다

제목은 명확하고 깔끔하게 읽히지만, 본문에 사용된 이순신체는 획의 거친 변동과 손글씨 특성상 긴 글 가독성이 크게 떨어집니다.

분위기: 스포카 한 산스 네오의 정제된 모던함과 이순신체의 강건한 손글씨 인상이 톤 충돌을 일으킵니다. 제목은 차분하지만 본문이 무겁고 거칠어 통일된 분위기 형성이 어렵습니다.
대비·계층: 분류 차이로 시각적 대비는 강하나, 위계라기보다 이질감에 가깝습니다. 본문 폰트의 굵은 손글씨 인상이 제목을 압도할 위험이 있습니다.
추천 용도: 역사·문화 캠페인 랜딩지자체 기념 행사 포스터전시 안내 리플렛추모·기념 인쇄물

어울리는 영문 폰트

제목InterIBM Plex SansManrope

본문Source SerifEB Garamond

스포카 한 산스 네오는 중립적 지오메트릭 산세리프와 구조가 잘 맞고, 이순신체의 손글씨 본문에는 클래식 세리프가 분위기 보완에 적합합니다.

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

36~44px

24~28px

본문

17~19px

line-height

1.7

어울리는 색상

#1a1a1a

#8b5a2b

#f5efe6

어울리는 산업 톤

공공기관 신뢰역사·문화 캠페인기념·추모 인쇄물

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

/* 제목 */
h1, h2, h3 {
  font-family: 'Spoqa Han Sans Neo', sans-serif;
}

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