한글 페어링 · 큐레이션

카페24 오스퀘어+안녕 멜로디

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

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

A:카페24 오스퀘어· 제작 카페24|B:안녕 멜로디· 제작 구글 한글 폰트

→ 각 폰트 종합 가이드: 카페24 오스퀘어 가이드·안녕 멜로디 가이드

평가 결과 · 2개 케이스

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

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

42제목 카페24 오스퀘어 · 본문 안녕 멜로디

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

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

+안녕 멜로디B=본문용

제작구글 한글 폰트상업 무료다운로드

오늘의 이야기를 또렷하게 전합니다

오스퀘어는 사각 구조라 제목에서 또렷이 인식되지만, 안녕 멜로디는 손글씨 디스플레이 폰트라 긴 본문에는 가독성이 크게 떨어집니다.

분위기: 카페24 오스퀘어의 단정하고 또렷한 사각 인상이 안녕 멜로디의 어린이 손글씨와 충돌해 일관된 톤을 만들기 어렵습니다. 분위기 격차가 커 특수 목적에서만 어울립니다.
대비·계층: 굵기 대비보다는 구조(기하 vs 손글씨) 대비가 강해 시각 위계가 형성되긴 하지만, 톤 충돌로 정보 전달보다는 장식적 인상이 우선됩니다.
추천 용도: 어린이·키즈 브랜드 캠페인 페이지학원·교육 이벤트 포스터팝업스토어 안내 배너SNS 카드뉴스 헤드라인

어울리는 영문 폰트

제목InterManropePlus Jakarta SansIBM Plex Sans

본문Source Sans ProInter

오스퀘어의 사각·기하 구조와 잘 맞도록 모던 지오메트릭 산세리프를 추천했고, 본문은 중립적 가독성이 좋은 폰트를 매칭했습니다.

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

40~52px

24~30px

본문

17~19px

line-height

1.7

어울리는 색상

#2b3a55

#f4a261

#fdf6ec

어울리는 산업 톤

교육 따뜻키즈·패밀리 친근이벤트 캠페인

42제목 안녕 멜로디 · 본문 카페24 오스퀘어

안녕 멜로디A=제목용

제작구글 한글 폰트상업 무료다운로드

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

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

오늘은 작은 마음을 전해요

안녕 멜로디는 손글씨 특성상 큰 사이즈에서만 또렷하게 읽히고, 카페24 오스퀘어는 짧은 카피·라벨에는 강하지만 긴 본문에는 자간·획 두께가 부담스럽습니다.

분위기: 안녕 멜로디의 둥글고 귀여운 손글씨 인상과 카페24 오스퀘어의 각진 기하학적 산세리프가 한 화면에서 톤이 어긋납니다. 친근함과 모던 임팩트가 충돌해 일관된 분위기를 잡기 어렵습니다.
대비·계층: 획 구조(손글씨 vs 스퀘어 산세리프) 차이는 크지만 두 폰트 모두 캐릭터가 강해 위계가 깔끔하게 정리되지 않고 시각적 소음이 발생합니다.
추천 용도: 어린이·교육 콘텐츠 표지캐주얼 이벤트 배너SNS 카드뉴스 헤드라인팝업스토어 굿즈

어울리는 영문 폰트

제목CaveatPatrick HandShadows Into Light

본문ManropePlus Jakarta Sans

안녕 멜로디의 손글씨 인상에는 Caveat 계열 핸드라이팅 영문이 결을 맞춰주고, 본문은 카페24 오스퀘어의 기하학적 골격과 어울리는 Manrope 같은 둥근 지오메트릭 산세리프가 안정적입니다.

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

44~56px

26~32px

본문

16~18px

line-height

1.7

어울리는 색상

#ff6b8a

#ffd66b

#fff8ee

어울리는 산업 톤

교육 따뜻F&B 친근라이프스타일 캐주얼

구현 코드 · 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=Hi+Melody&display=swap');

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

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