한글 페어링 · 큐레이션

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

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

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

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

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

평가 결과 · 2개 케이스

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

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

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

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

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

+나눔바른고딕B=본문용

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

새로운 일상을 시작하는 가장 확실한 방법

오스퀘어는 사각형 기반의 시원한 골격으로 제목에서 시인성이 뛰어나고, 나눔바른고딕은 균일한 자폭과 또렷한 글자선으로 긴 본문에도 안정적입니다.

분위기: 카페24 오스퀘어의 단단한 기하학적 인상이 나눔바른고딕의 단정한 본문 톤과 어우러져 신뢰감 있는 모던 분위기를 형성합니다.
대비·계층: 오스퀘어 700의 묵직한 스퀘어 구조와 나눔바른고딕 400의 부드러운 본문 톤이 명확한 위계를 만들어 정보 구분이 잘 됩니다.
추천 용도: 브랜드 랜딩 페이지 헤드라인이커머스 카테고리 배너B2B 서비스 소개서프로모션 키비주얼기업 블로그 아티클

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeistInter

본문IBM Plex SansSource Sans Pro

오스퀘어의 사각형 골격은 Manrope·Geist 같은 기하학적 산세리프와 구조가 맞고, 본문은 중성적이고 가독성 좋은 IBM Plex Sans가 나눔바른고딕과 자연스럽게 어울립니다.

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

40~52px

24~30px

본문

16~17px

line-height

1.65

어울리는 색상

#1f2937

#2563eb

#f4f6f8

어울리는 산업 톤

이커머스 깔끔B2B SaaS 신뢰스타트업 임팩트핀테크 모던

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

나눔바른고딕A=제목용

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

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

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

오늘도 단정하게 하루를 시작합니다

나눔바른고딕은 깔끔한 골격으로 제목 가독이 우수하나, 카페24 오스퀘어는 디스플레이 성향이 강해 긴 본문보다는 짧은 단락에서 더 잘 읽힙니다.

분위기: 나눔바른고딕의 단정하고 차분한 인상이 제목을 잡고, 카페24 오스퀘어의 둥글고 친근한 사각 형태가 본문에서 부드러운 톤을 더합니다.
대비·계층: 둘 다 산세리프 계열이라 형태적 대비가 약하며, 700 웨이트로 사이즈 차이를 충분히 벌려야 위계가 살아납니다.
추천 용도: 브랜드 소개 페이지이벤트 랜딩교육 콘텐츠 카드SNS 상세 이미지

어울리는 영문 폰트

제목InterManropeIBM Plex Sans

본문Source Sans ProRoboto

나눔바른고딕의 단정한 제목 골격에는 중립적이고 균형 잡힌 Inter·Manrope가 맞고, 본문은 안정적 가독의 Source Sans Pro 계열이 카페24 오스퀘어의 둥근 인상을 보완합니다.

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

36~44px

22~26px

본문

16~17px

line-height

1.65

어울리는 색상

#2b2b2b

#f6a623

#fafaf7

어울리는 산업 톤

교육 따뜻라이프스타일 매거진이커머스 깔끔

구현 코드 · 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/NanumBarunGothic/subsets/NanumBarunGothic-dynamic-subset.css');

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

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