한글 페어링 · 큐레이션

함초롬바탕+스포카 한 산스 네오

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

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

A:함초롬바탕· 제작 한컴|B:스포카 한 산스 네오· 제작 스포카

→ 각 폰트 종합 가이드: 함초롬바탕 가이드·스포카 한 산스 네오 가이드

평가 결과 · 2개 케이스

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

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

82제목 스포카 한 산스 네오 · 본문 함초롬바탕

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

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

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

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

오래된 책장 사이로 햇살이 스며든다

함초롬바탕은 균형 잡힌 자소 구조로 긴 본문 읽기에 안정적이며, 스포카 한 산스 네오는 또렷한 글자 형태로 제목에서 첫눈에 정보를 전달합니다.

분위기: 함초롬바탕의 단정하고 고전적인 본문 인상이, 스포카 한 산스 네오의 정돈된 모던 산세리프 제목과 만나 차분하면서도 명료한 톤을 형성합니다.
대비·계층: 세리프 본문 vs 산세리프 제목이라는 분류 대비가 명확하고, Bold 웨이트 차이까지 더해져 정보 위계가 자연스럽게 구분됩니다.
추천 용도: 출판·매거진 본문 레이아웃공공기관 리포트교육 콘텐츠 장문 페이지브랜드 브로슈어뉴스레터 본문

어울리는 영문 폰트

제목InterIBM Plex SansManropePretendard Latin

본문Source SerifEB GaramondLora

제목은 스포카의 모던 산세리프 톤과 어울리는 기하학적 라틴 산세리프로, 본문은 함초롬바탕의 고전적 인상을 살리는 세리프 라틴으로 합성하면 통일감이 좋습니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#1f2933

#9b6b3f

#f6f1e7

어울리는 산업 톤

출판 매거진교육 따뜻공공기관 신뢰라이프스타일 에디토리얼

78제목 함초롬바탕 · 본문 스포카 한 산스 네오

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

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

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

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

오늘의 기록이 내일의 신뢰가 됩니다

스포카 한 산스 네오는 균일한 자폭과 안정적인 x-height로 긴 글 읽기에 매우 적합하며, 함초롬바탕은 제목 크기에서 획 대비가 또렷이 살아나 시선을 끈다.

분위기: 스포카 한 산스 네오의 단정한 본문 흐름 위에 함초롬바탕의 정제된 세리프가 묵직한 강조점을 놓는 차분하고 신뢰감 있는 페어링.
대비·계층: 산세리프 본문 + 세리프 제목 조합으로 형태 대비가 분명하고, 함초롬바탕 700과 스포카 400의 굵기 차이가 자연스러운 정보 위계를 만든다.
추천 용도: 기업 IR·연차보고서 본문교육·출판 콘텐츠공공기관 안내 페이지B2B SaaS 문서 영역리서치 리포트 웹페이지

어울리는 영문 폰트

제목EB GaramondSource SerifMerriweather

본문InterIBM Plex Sans

본문 스포카에는 중성적이고 가독성 높은 Inter·IBM Plex Sans가 자연스럽게 합쳐지고, 제목 함초롬바탕에는 고전적 비례의 세리프가 한자·한글 세리프의 정서를 보완한다.

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

32~40px

22~26px

본문

16~17px

line-height

1.7

어울리는 색상

#1a1a1a

#8b7355

#f5efe6

어울리는 산업 톤

공공기관 신뢰교육·출판 정제B2B SaaS 신중금융 리서치

구현 코드 · 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;
}