한글 페어링 · 큐레이션

카페24 오스퀘어+나눔고딕

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

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

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

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

평가 결과 · 2개 케이스

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

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

78제목 카페24 오스퀘어 · 본문 나눔고딕

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

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

+나눔고딕B=본문용

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

오늘만의 특별한 혜택을 만나보세요

나눔고딕은 한국 웹 본문 표준급으로 긴 글 가독성이 뛰어나고, 카페24 오스퀘어는 정사각형 골격으로 제목에서 첫눈에 또렷이 들어옵니다.

분위기: 카페24 오스퀘어의 단단하고 직선적인 인상이 나눔고딕의 안정적이고 친숙한 본문 톤과 자연스럽게 연결됩니다. 둘 다 기하학적 산세리프 계열이라 일관된 모던 톤을 형성합니다.
대비·계층: 오스퀘어의 각진 디스플레이성 골격과 나눔고딕의 부드러운 본문 곡선이 형태 대비를 만들어 위계가 분명합니다. 다만 둘 다 sans라 weight 단계 분리를 명확히 줘야 합니다.
추천 용도: 이커머스 프로모션 페이지스타트업 랜딩페이지쇼핑몰 카테고리 헤더이벤트 배너브랜드 소개 자료

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeistInter

본문InterIBM Plex Sans

오스퀘어의 기하학적 사각 골격에는 Manrope·Geist 같은 단단한 지오메트릭 산세리프가 어울리고, 나눔고딕 본문에는 중립적 가독성의 Inter 계열이 안정적입니다.

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

36~44px

22~26px

본문

15~17px

line-height

1.65

어울리는 색상

#1a1a1a

#ff5a36

#f5f3ef

어울리는 산업 톤

이커머스 깔끔스타트업 임팩트라이프스타일 친근

58제목 나눔고딕 · 본문 카페24 오스퀘어

나눔고딕A=제목용

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

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

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

오늘의 발견, 새로운 시작을 알리다

제목의 나눔고딕 800은 명확히 읽히지만, 본문 카페24 오스퀘어는 디스플레이 성격이 강해 긴 본문 가독성은 다소 떨어집니다.

분위기: 나눔고딕의 단정하고 보편적인 인상과 카페24 오스퀘어의 각진 기하학적 캐릭터가 만나 깔끔하지만 다소 톤이 어긋난 인상을 만듭니다.
대비·계층: 두 폰트 모두 산세리프 계열이라 구조적 차별점이 약하고, 웨이트 차이로만 위계를 만들어야 해 대비가 제한적입니다.
추천 용도: 브랜드 캠페인 랜딩 페이지이커머스 프로모션 배너짧은 카피 중심 소셜 카드스타트업 소개 페이지

어울리는 영문 폰트

제목InterManropePlus Jakarta SansGeist

본문InterIBM Plex Sans

나눔고딕의 중립적 구조에는 Inter·Manrope 같은 모던 산세리프가 자연스럽게 합성되며, 카페24 오스퀘어의 각진 톤은 Geist·Jakarta의 기하학적 라틴과 어울립니다.

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

36~44px

24~28px

본문

15~17px

line-height

1.65

어울리는 색상

#1f2937

#f97316

#f5f5f4

어울리는 산업 톤

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

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Cafe24Ohsquare/subsets/Cafe24Ohsquare-dynamic-subset.css');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');

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

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