한글 페어링 · 큐레이션

카페24 오스퀘어+스포카 한 산스 네오

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

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

A:카페24 오스퀘어· 제작 카페24|B:스포카 한 산스 네오· 제작 스포카

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

평가 결과 · 2개 케이스

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

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

84제목 카페24 오스퀘어 · 본문 스포카 한 산스 네오

카페24 오스퀘어A=제목용

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

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

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

오늘부터 시작되는 새로운 쇼핑

오스퀘어는 굵은 스퀘어 형태로 짧은 헤드라인에서 시인성이 뛰어나고, 스포카 한 산스 네오는 균일한 자간과 적당한 x-height로 긴 본문 가독성이 우수합니다.

분위기: 카페24 오스퀘어의 각진 기하학적 임팩트가 시선을 잡고, 스포카 한 산스 네오의 단정한 휴머니스트 톤이 본문을 안정적으로 받쳐줍니다.
대비·계층: 제목의 강한 사각형 골격과 본문의 부드러운 곡선 대비, 그리고 700↔400 웨이트 차이가 명확한 정보 위계를 형성합니다.
추천 용도: 이커머스 프로모션 페이지스타트업 랜딩페이지브랜드 캠페인 배너앱 온보딩 화면마케팅 콘텐츠 카드

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeistInter

본문InterIBM Plex SansPretendard Latin

오스퀘어의 기하학적 사각 골격은 Manrope·Geist 같은 모던 지오메트릭 산세리프와 결이 맞고, 스포카 본문은 Inter·IBM Plex Sans의 중립적 휴머니스트 톤과 자연스럽게 어울립니다.

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

36~48px

24~30px

본문

15~17px

line-height

1.65

어울리는 색상

#ff5a36

#1f2937

#f7f5f1

어울리는 산업 톤

이커머스 깔끔스타트업 임팩트라이프스타일 캠페인

74제목 스포카 한 산스 네오 · 본문 카페24 오스퀘어

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

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

+카페24 오스퀘어A=본문용

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

매일의 일상이 조금 더 단정해지는 시간

오스퀘어는 굵기 옵션이 400·700 두 종이라 장문에서 다소 단조롭지만 글자 형태가 명료해 단락 단위 가독성은 안정적입니다. 스포카 한 산스 네오는 다섯 단계 웨이트로 제목 위계 조절이 자유롭습니다.

분위기: 카페24 오스퀘어의 또렷한 직각 인상이 본문에서 차분히 정보를 전달하고, 스포카 한 산스 네오가 제목에서 모던하고 깔끔한 강조를 더합니다.
대비·계층: 두 폰트 모두 기하학적 sans지만 오스퀘어의 각진 골격과 스포카의 둥글고 부드러운 곡선이 형태 대비를 만들어 제목과 본문의 역할이 분명히 구분됩니다.
추천 용도: 스타트업 서비스 소개 페이지 본문B2B SaaS 제품 문서·블로그 본문이커머스 상세페이지 설명 텍스트교육 콘텐츠 학습 자료 본문공공 안내 웹 페이지 본문

어울리는 영문 폰트

제목InterManropePlus Jakarta SansGeist

본문InterIBM Plex Sans

스포카 한 산스 네오의 둥글고 모던한 곡선은 Inter·Manrope처럼 휴머니스트 감각의 sans와 잘 어울리고, 오스퀘어 본문은 균일한 폭의 Inter나 IBM Plex Sans와 합성 시 안정적 리듬을 만듭니다.

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

32~40px

22~26px

본문

16~17px

line-height

1.7

어울리는 색상

#2b2d42

#4f8ac9

#f4f4f2

어울리는 산업 톤

B2B SaaS스타트업 모던교육 따뜻공공기관 신뢰

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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