한글 페어링 · 큐레이션

카페24 오스퀘어+나눔스퀘어 네오

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

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

A:카페24 오스퀘어· 제작 카페24|B:나눔스퀘어 네오· 제작 네이버

→ 각 폰트 종합 가이드: 카페24 오스퀘어 가이드·나눔스퀘어 네오 가이드

평가 결과 · 2개 케이스

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

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

82제목 카페24 오스퀘어 · 본문 나눔스퀘어 네오

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

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

+나눔스퀘어 네오B=본문용

제작네이버상업 무료다운로드

오늘부터, 새로운 시작을 만나다

오스퀘어는 직각적 골격으로 제목에서 시선을 강하게 잡고, 나눔스퀘어 네오는 균일한 자폭과 적당한 x-height로 본문 가독성이 안정적이다.

분위기: 카페24 오스퀘어의 단단한 기하학적 인상이 나눔스퀘어 네오의 정돈된 모던함과 만나 깔끔하고 신뢰감 있는 톤을 만든다.
대비·계층: 두 폰트 모두 스퀘어 계열이라 분위기 일관성은 높지만, 오스퀘어 Bold와 네오 Regular의 웨이트 차이로 위계가 분명히 드러난다.
추천 용도: 브랜드 랜딩 페이지 헤드라인이커머스 프로모션 배너스타트업 소개 자료모바일 앱 마케팅 페이지

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeistInter

본문InterIBM Plex Sans

오스퀘어의 기하학적 골격에는 Manrope·Geist 같은 정제된 지오메트릭 산세리프가 잘 맞고, 본문에는 중성적인 Inter 계열이 네오와 자연스럽게 어우러진다.

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

40~52px

24~30px

본문

16~17px

line-height

1.65

어울리는 색상

#1f2937

#3b82f6

#f5f6f8

어울리는 산업 톤

이커머스 깔끔스타트업 임팩트B2B SaaS

62제목 나눔스퀘어 네오 · 본문 카페24 오스퀘어

나눔스퀘어 네오B=제목용

제작네이버상업 무료다운로드

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

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

매일의 작은 변화가 브랜드를 만든다

오스퀘어는 두 가지 웨이트뿐이라 긴 본문에서 단조로울 수 있으나 글자 폭이 균일해 단문·중문 본문에는 충분히 읽힌다. 나눔스퀘어 네오는 제목에서 시원하게 시선을 잡는다.

분위기: 카페24 오스퀘어가 본문에서 또렷한 기하학적 인상을 만들고, 나눔스퀘어 네오가 제목에서 정돈된 모던함으로 마감하는 통일된 톤이다.
대비·계층: 두 폰트 모두 스퀘어 계열 지오메트릭 산세리프라 형태 대비가 약하고, 위계는 주로 사이즈와 웨이트(900 vs 400)로 만들어야 한다.
추천 용도: 브랜드 소개 페이지 본문이벤트 상세 페이지사내 공지 자료프로모션 카드뉴스 설명문B2B 랜딩 본문

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeistInter

본문InterIBM Plex Sans

두 폰트 모두 스퀘어형 지오메트릭 산세리프라 동일 계열의 모던 지오메트릭 라틴이 자연스럽게 매칭된다. 본문에는 x-height가 충분한 Inter 계열이 안정적이다.

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

32~40px

22~26px

본문

16~17px

line-height

1.7

어울리는 색상

#1f2937

#3b82f6

#f4f6fa

어울리는 산업 톤

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/fonts-archive/NanumSquareNeo/subsets/NanumSquareNeo-dynamic-subset.css');

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

/* 본문 */
body, p {
  font-family: 'Nanum Square Neo', sans-serif;
}