한글 페어링 · 큐레이션

한컴 말랑말랑+스포카 한 산스 네오

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

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

A:한컴 말랑말랑· 제작 한컴|B:스포카 한 산스 네오· 제작 스포카

→ 각 폰트 종합 가이드: 한컴 말랑말랑 가이드·스포카 한 산스 네오 가이드

평가 결과 · 2개 케이스

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

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

82제목 한컴 말랑말랑 · 본문 스포카 한 산스 네오

한컴 말랑말랑A=제목용ⓘ 미리보기는 프리텐다드

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

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

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

오늘도 당신의 하루를 응원해요

말랑말랑은 라운드 처리된 글자 형태로 제목에서 시선을 부드럽게 끌고, 스포카 한 산스 네오는 균일한 자족과 안정적인 자간으로 긴 본문에 매우 적합합니다.

분위기: 한컴 말랑말랑의 둥글고 부드러운 인상이 스포카 한 산스 네오의 정돈된 모던함과 만나 친근하면서도 깔끔한 톤을 형성합니다.
대비·계층: 말랑말랑 700의 둥근 볼륨감과 스포카 한 산스 네오 400의 단정한 형태가 형태적 대비를 만들지만, 두 폰트 모두 산세리프라 위계는 weight·size로 보강해야 합니다.
추천 용도: 교육 콘텐츠 랜딩페이지F&B 브랜드 웹사이트어린이·가족 타겟 앱 UI캐주얼 이커머스공공기관 친근 캠페인

어울리는 영문 폰트

제목QuicksandNunitoPlus Jakarta SansManrope

본문InterIBM Plex Sans

라운드 터미널을 가진 Quicksand·Nunito는 말랑말랑의 둥근 인상과 결을 맞추고, Inter·IBM Plex Sans는 스포카 한 산스 네오의 중립적 본문 톤과 구조적으로 조화됩니다.

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

36~44px

22~26px

본문

15~17px

line-height

1.65

어울리는 색상

#ff8a5b

#ffd66b

#fff8ef

어울리는 산업 톤

교육 따뜻F&B 친근라이프스타일 캐주얼공공기관 친근

72제목 스포카 한 산스 네오 · 본문 한컴 말랑말랑

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

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

+한컴 말랑말랑A=본문용ⓘ 미리보기는 프리텐다드

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

말랑한 하루, 따뜻한 이야기를 전합니다

말랑말랑은 부드러운 곡선으로 짧은 본문·캡션에서 친근감을 유지하며, 스포카 한 산스 네오는 다양한 웨이트로 제목의 명료한 시인성을 보장한다.

분위기: 한컴 말랑말랑의 둥글고 친근한 인상이 본문에서 따뜻함을 만들고, 스포카 한 산스 네오의 단정한 제목이 정보 위계를 깔끔하게 잡아준다.
대비·계층: 둥근 sans 본문과 기하학적 sans 제목 간 형태 대비가 적절하고, 100~700의 폭넓은 웨이트 스펙트럼이 계층을 자연스럽게 만든다.
추천 용도: 교육·아동 콘텐츠 본문브랜드 블로그 글캠페인 랜딩 페이지친근한 톤의 뉴스레터

어울리는 영문 폰트

제목InterManropePlus Jakarta SansIBM Plex Sans

본문NunitoSource Sans Pro

말랑말랑의 둥근 본문 톤에는 살짝 라운드한 Nunito류가, 스포카 제목에는 정제된 기하학적 sans가 구조적으로 어울린다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#ff8a65

#ffd7b5

#fff8f2

어울리는 산업 톤

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

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