한글 페어링 · 큐레이션

프리텐다드+스포카 한 산스 네오

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

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

A:프리텐다드· 제작 길형진|B:스포카 한 산스 네오· 제작 스포카

→ 각 폰트 종합 가이드: 프리텐다드 가이드·스포카 한 산스 네오 가이드

평가 결과 · 2개 케이스

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

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

78제목 프리텐다드 · 본문 스포카 한 산스 네오

프리텐다드B=제목용

제작길형진상업 무료다운로드

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

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

오늘도 차분히 읽히는 문장의 리듬

스포카 한 산스 네오는 자간이 여유롭고 자형이 정돈되어 긴 본문 읽기에 편안하며, 프리텐다드는 굵은 웨이트에서 시선을 강하게 끌어준다.

분위기: 스포카 한 산스 네오의 부드럽고 균형 잡힌 본문 인상에 프리텐다드의 또렷한 제목이 얹혀 깔끔하고 신뢰감 있는 모던 톤을 만든다.
대비·계층: 두 폰트 모두 모던 산스 계열이라 형태 대비는 약하지만, 프리텐다드 700~800과 스포카 400의 웨이트 차로 위계는 충분히 확보된다.
추천 용도: B2B SaaS 대시보드 본문핀테크 약관·안내 페이지기업 블로그 장문 콘텐츠공공 서비스 정보 페이지

어울리는 영문 폰트

제목InterManropeGeistPlus Jakarta Sans

본문InterIBM Plex Sans

스포카 한 산스 네오의 둥글고 정돈된 본문 톤은 Inter·IBM Plex Sans의 중립적 x-height와 잘 맞고, 제목 프리텐다드는 Manrope·Geist의 또렷한 기하학 골격과 호흡이 맞는다.

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

32~40px

22~26px

본문

16~17px

line-height

1.65

어울리는 색상

#1f2937

#3b82f6

#f8fafc

어울리는 산업 톤

B2B SaaS핀테크 신뢰공공기관 정보형

72제목 스포카 한 산스 네오 · 본문 프리텐다드

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

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

+프리텐다드A=본문용

제작길형진상업 무료다운로드

꾸준한 기록이 더 나은 결정을 만듭니다

프리텐다드는 균형 잡힌 자폭과 넓은 x-height로 긴 본문에서 안정적이며, 스포카 한 산스 네오의 강조 제목은 둥근 골격으로 시선이 부드럽게 모입니다.

분위기: 프리텐다드가 본문을 차분하고 정돈된 모던 톤으로 이끌고, 스포카 한 산스 네오가 강조 제목에서 친근하고 깔끔한 인상을 더합니다.
대비·계층: 두 폰트 모두 모던 산스 계열이라 골격이 유사해 대비가 약하지만, 스포카 700 Bold와 프리텐다드 400 Regular의 웨이트 차이로 위계를 확보할 수 있습니다.
추천 용도: B2B SaaS 대시보드 본문기술 블로그 장문 아티클프로덕트 문서·헬프센터뉴스레터 본문 영역관리자 페이지 UI 텍스트

어울리는 영문 폰트

제목InterManropePlus Jakarta Sans

본문InterIBM Plex Sans

프리텐다드 본문은 Inter·IBM Plex Sans와 골격·x-height가 유사해 합성 글꼴 시 흐름이 자연스럽고, 스포카 제목은 Manrope·Jakarta의 둥근 친근함과 잘 맞습니다.

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

32~40px

22~26px

본문

16~17px

line-height

1.7

어울리는 색상

#2563eb

#10b981

#f8fafc

어울리는 산업 톤

B2B SaaS핀테크 모던프로덕트 문서

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable.css');
@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;
}