한글 페어링 · 큐레이션

카페24 써라운드+개구

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

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

A:카페24 써라운드· 제작 카페24|B:개구· 제작 김인엽

→ 각 폰트 종합 가이드: 카페24 써라운드 가이드·개구 가이드

평가 결과 · 2개 케이스

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

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

62제목 개구 · 본문 카페24 써라운드

개구B=제목용

제작김인엽상업 무료다운로드

+카페24 써라운드A=본문용

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

둥글둥글 따뜻한 하루를 건네요

써라운드는 둥근 곡선이 강한 디스플레이성 산세리프라 본문 사용 시 16~18px에서 무난하나 장문에는 약간 피로감이 있습니다. 개구 제목은 손글씨 특성상 큰 사이즈에서 강하게 작동합니다.

분위기: 카페24 써라운드의 둥글고 친근한 본문 톤이 개구의 손글씨 제목과 만나 발랄하고 따뜻한 분위기를 만듭니다.
대비·계층: 산세리프 본문과 손글씨 제목이라는 분류 차이로 시각적 대비는 분명하나, 두 폰트 모두 둥글고 캐주얼한 인상이라 위계 구분은 weight·사이즈에 의존합니다.
추천 용도: 어린이·교육 콘텐츠 본문F&B 캐주얼 브랜드 페이지이벤트 랜딩 본문 카피소셜미디어 카드뉴스베이커리·카페 메뉴 안내

어울리는 영문 폰트

제목CaveatPatrick HandShadows Into Light

본문QuicksandNunito

개구의 손글씨 톤은 Caveat·Patrick Hand 같은 캐주얼 손글씨와, 써라운드의 둥근 산세리프는 Quicksand·Nunito 같은 라운드 산세리프와 구조·곡률이 자연스럽게 맞물립니다.

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

44~56px

28~34px

본문

16~18px

line-height

1.7

어울리는 색상

#ff8a5b

#ffd56b

#fff7ec

어울리는 산업 톤

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

58제목 카페24 써라운드 · 본문 개구

카페24 써라운드A=제목용

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

+개구B=본문용

제작김인엽상업 무료다운로드

오늘의 작은 행복을 전해드려요

써라운드는 굵은 700에서 시선을 끄는 제목 가독성을 보이며, 개구는 손글씨 특성상 긴 본문엔 부담스럽지만 짧은 문장·캡션 용도에 적합하다.

분위기: 카페24 써라운드의 둥글고 친근한 산세리프가 제목을 이끌고, 개구의 손글씨 본문이 캐주얼하고 정감 있는 톤을 만든다.
대비·계층: 기하학적 산세리프와 손글씨의 질감 대비가 뚜렷해 위계가 잘 드러나지만, 두 폰트 모두 친근한 톤이라 무게감 있는 정보 전달에는 한계가 있다.
추천 용도: SNS 카드뉴스어린이·교육 콘텐츠F&B 메뉴판이벤트 포스터라이프스타일 블로그

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문CaveatPatrick Hand

써라운드의 둥근 산세리프 골격엔 부드러운 기하학 sans가 어울리고, 개구의 손글씨엔 같은 결의 캐주얼 영문 스크립트가 자연스럽게 매칭된다.

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

36~44px

22~26px

본문

17~19px

line-height

1.7

어울리는 색상

#ff8c5a

#ffd66b

#fff7ec

어울리는 산업 톤

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

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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