한글 페어링 · 큐레이션

카페24 써라운드+빛의 계승자

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

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

A:카페24 써라운드· 제작 카페24|B:빛의 계승자· 제작 엔젤게임즈

→ 각 폰트 종합 가이드: 카페24 써라운드 가이드·빛의 계승자 가이드

평가 결과 · 2개 케이스

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

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

58제목 빛의 계승자 · 본문 카페24 써라운드

빛의 계승자A=제목용ⓘ 미리보기는 프리텐다드

제작엔젤게임즈상업 무료다운로드

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

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

빛을 이어받은 자, 새로운 여정을 시작하다

빛의 계승자는 디스플레이 폰트라 큰 제목에서만 가독성이 살아나며, 카페24 써라운드는 둥근 곡선으로 본문 가독성이 우수합니다.

분위기: 빛의 계승자의 판타지·서사적 인상이 카페24 써라운드의 둥글고 친근한 본문 톤과 만나 동화적이면서도 부담 없는 분위기를 만듭니다. 다만 두 폰트의 세계관 결이 약간 어긋날 수 있습니다.
대비·계층: 장식적인 디스플레이 제목과 둥근 산세리프 본문의 형태 대비가 뚜렷해 위계 구분은 쉽지만, 스타일 결이 달라 의도된 연출이 필요합니다.
추천 용도: 게임·웹툰 프로모션 페이지어린이·교육 콘텐츠 헤드라인판타지 소설·웹소설 표지이벤트 랜딩 페이지캐주얼 굿즈 패키지

어울리는 영문 폰트

제목CinzelAlmendraMedievalSharpCormorant Garamond

본문QuicksandNunitoManrope

제목은 서사·판타지 무드를 살리는 클래식 세리프 계열이, 본문은 카페24 써라운드의 둥근 인상과 어울리는 라운드 산세리프가 잘 맞습니다.

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

44~56px

24~30px

본문

16~18px

line-height

1.65

어울리는 색상

#2b1e3d

#d4a857

#f5f0e6

어울리는 산업 톤

게임·엔터테인먼트 판타지웹툰·웹소설 콘텐츠어린이 교육 따뜻캐주얼 라이프스타일

38제목 카페24 써라운드 · 본문 빛의 계승자

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

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

+빛의 계승자B=본문용ⓘ 미리보기는 프리텐다드

제작엔젤게임즈상업 무료다운로드

둥글둥글 즐거운 하루를 만나요

써라운드는 제목에서 두툼한 존재감을 잘 살리지만, 빛의 계승자는 디스플레이 폰트라 본문 긴 글 가독성이 현저히 떨어집니다.

분위기: 카페24 써라운드의 둥글고 친근한 인상과 빛의 계승자의 판타지·중세풍 장식성이 톤 측면에서 충돌합니다. 일관된 분위기를 만들기 어렵습니다.
대비·계층: 두 폰트 모두 개성이 강해 위계보다는 시각적 경쟁이 발생합니다. 굵기·크기 차이를 크게 둬야만 계층이 성립합니다.
추천 용도: 게임 이벤트 페이지 헤드라인캐주얼 굿즈 패키지키즈·엔터테인먼트 프로모션축제·캠페인 포스터

어울리는 영문 폰트

제목Plus Jakarta SansManropeSatoshi

본문InterIBM Plex Sans

써라운드의 둥근 곡선과 친근한 인상에 어울리는 부드러운 지오메트릭 산세리프를 매칭했습니다. 본문은 중립적이고 가독성 높은 산세리프로 톤을 정돈합니다.

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

36~44px

24~28px

본문

16~18px

line-height

1.6

어울리는 색상

#ff7a45

#ffd66b

#fff7ec

어울리는 산업 톤

캐주얼 게임 프로모션키즈·교육 친근F&B 캠페인이벤트 마케팅

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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