한글 페어링 · 큐레이션

카페24 써라운드+스포카 한 산스 네오

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

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

A:카페24 써라운드· 제작 카페24|B:스포카 한 산스 네오· 제작 스포카

→ 각 폰트 종합 가이드: 카페24 써라운드 가이드·스포카 한 산스 네오 가이드

평가 결과 · 2개 케이스

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

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

86제목 카페24 써라운드 · 본문 스포카 한 산스 네오

카페24 써라운드A=제목용

제작카페24상업 무료다운로드

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

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

오늘만 특별한 혜택, 지금 만나보세요

써라운드 700은 큰 사이즈에서 또렷하게 시선을 잡고, 스포카 한 산스 네오는 다양한 굵기와 균형 잡힌 자소로 긴 문장 가독성이 우수합니다.

분위기: 카페24 써라운드의 둥글고 통통한 인상이 제목을 친근하게 이끌고, 스포카 한 산스 네오의 단정한 본문이 안정적으로 받쳐줍니다.
대비·계층: 둥근 디스플레이 제목과 중립적 산세리프 본문의 형태 대비가 분명해 정보 위계가 자연스럽게 형성됩니다.
추천 용도: 이커머스 프로모션 페이지F&B 브랜드 랜딩라이프스타일 앱 온보딩SNS 카드뉴스캠페인 배너

어울리는 영문 폰트

제목Plus Jakarta SansManropeGeistSatoshi

본문InterIBM Plex Sans

써라운드의 둥근 곡선감과 어울리는 라운디드 산세리프 계열을 제목에, 본문은 중립적이고 가독성 높은 Inter·IBM Plex Sans로 스포카와 톤을 맞춥니다.

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

40~52px

24~30px

본문

16~18px

line-height

1.65

어울리는 색상

#ff6b5b

#ffd66b

#fff8f1

어울리는 산업 톤

이커머스 친근F&B 캐주얼라이프스타일 발랄

72제목 스포카 한 산스 네오 · 본문 카페24 써라운드

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

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

+카페24 써라운드A=본문용

제작카페24상업 무료다운로드

오늘의 작은 행복을 천천히 적어봅니다

카페24 써라운드는 둥근 곡선과 넉넉한 속공간 덕에 본문 가독성이 양호하며, 스포카 한 산스 네오는 제목에서 또렷한 윤곽으로 시선을 빠르게 끕니다.

분위기: 카페24 써라운드의 둥글고 친근한 본문 인상이 스포카 한 산스 네오의 깔끔하고 중립적인 제목 톤과 만나 부드러우면서 정돈된 분위기를 형성합니다.
대비·계층: 두 폰트 모두 산세리프 계열이라 형태 대비는 약하지만, 써라운드의 둥근 인상과 스포카의 기하학적 정돈감, 그리고 웨이트 차이로 위계를 충분히 만들 수 있습니다.
추천 용도: 라이프스타일 블로그 본문F&B 브랜드 안내 페이지교육 콘텐츠 카드뉴스친근한 톤의 뉴스레터스몰브랜드 상세페이지

어울리는 영문 폰트

제목InterManropePlus Jakarta SansGeist

본문Source Sans ProIBM Plex Sans

스포카 한 산스 네오의 기하학적 제목 톤은 Inter·Manrope의 모던 산세리프와 잘 맞고, 써라운드의 부드러운 본문 인상은 Source Sans Pro 같은 인간미 있는 산세리프와 자연스럽게 합성됩니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2b2b

#f4a261

#faf7f2

어울리는 산업 톤

F&B 친근라이프스타일 매거진교육 따뜻스몰브랜드 캐주얼

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Cafe24Ssurround/subsets/Cafe24Ssurround-dynamic-subset.css');
@import url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@01ff0283e4f6c41e92d11f8113b1f61131b7d683/css/SpoqaHanSansNeo.css');

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

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