한글 페어링 · 큐레이션

배달의민족 한나Pro+카페24 오스퀘어

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

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

A:배달의민족 한나Pro· 제작 우아한형제들|B:카페24 오스퀘어· 제작 카페24

→ 각 폰트 종합 가이드: 배달의민족 한나Pro 가이드·카페24 오스퀘어 가이드

평가 결과 · 2개 케이스

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

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

74제목 배달의민족 한나Pro · 본문 카페24 오스퀘어

배달의민족 한나ProA=제목용

제작우아한형제들상업 무료다운로드

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

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

오늘 저녁, 뭐 먹지?

한나Pro는 큰 사이즈에서 특유의 개성으로 시선을 끌고, 오스퀘어는 균일한 글자 폭으로 본문에서 또렷한 가독성을 제공합니다.

분위기: 배달의민족 한나Pro의 손글씨 같은 친근함과 카페24 오스퀘어의 단정한 스퀘어 산세리프가 만나 캐주얼하면서도 정돈된 톤을 형성합니다.
대비·계층: 디스플레이 손글씨 vs 기하학적 스퀘어 산세리프의 구조 대비가 뚜렷해 정보 위계가 자연스럽게 만들어집니다.
추천 용도: F&B 브랜드 프로모션 페이지이벤트·쿠폰 랜딩라이프스타일 SNS 콘텐츠캐주얼 이커머스 배너

어울리는 영문 폰트

제목ManropePlus Jakarta SansSatoshiGeist

본문InterIBM Plex Sans

한나Pro의 둥글둥글한 인상은 약간 둥근 라틴 산세리프와 잘 맞고, 오스퀘어의 스퀘어 구조는 모던한 지오메트릭 산세리프와 호환이 좋습니다.

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

40~52px

24~30px

본문

16~17px

line-height

1.65

어울리는 색상

#2bc4a2

#ffd93d

#fffbf2

어울리는 산업 톤

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

58제목 카페24 오스퀘어 · 본문 배달의민족 한나Pro

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

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

+배달의민족 한나ProB=본문용

제작우아한형제들상업 무료다운로드

오늘의 한 끼, 정직하게 차립니다

오스퀘어는 굵은 700 웨이트에서 시인성이 뛰어나 제목으로 강력합니다. 한나Pro는 디스플레이 성격이 강해 긴 본문에는 피로감이 있으니 짧은 문장이나 캡션 위주로 권장합니다.

분위기: 카페24 오스퀘어의 또렷한 사각형 골격이 한나Pro의 손글씨풍 친근함과 부딪히며 정돈된 캐주얼 톤을 만듭니다. 다만 두 폰트 모두 개성이 강해 통일감이 약해질 수 있습니다.
대비·계층: 기하학적 사각형 산세리프와 손맛 있는 디스플레이의 형태 대비가 뚜렷해 위계는 분명히 잡힙니다. 다만 둘 다 강한 존재감이라 본문 양이 많으면 시각적 충돌이 생길 수 있습니다.
추천 용도: 프로모션 배너 헤드라인이벤트 페이지 타이틀F&B 메뉴 표지캠페인 포스터SNS 카드뉴스

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeistInter

본문IBM Plex SansSource Sans Pro

오스퀘어의 정사각 골격에는 기하학적 산세리프(Manrope·Geist)가 형태적으로 호응하며, 본문 영문은 중성적이고 가독성 좋은 Plex Sans 계열이 한나Pro의 캐주얼함과 균형을 잡아줍니다.

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

40~52px

26~30px

본문

16~18px

line-height

1.65

어울리는 색상

#2b2b2b

#ffb43a

#fdf6ec

어울리는 산업 톤

F&B 친근이커머스 프로모션캠페인 임팩트

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/BMHANNAPro/subsets/BMHANNAPro-dynamic-subset.css');
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Cafe24Ohsquare/subsets/Cafe24Ohsquare-dynamic-subset.css');

/* 제목 */
h1, h2, h3 {
  font-family: 'BM HANNA Pro', sans-serif;
}

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