한글 페어링 · 큐레이션

카페24 써라운드+한컴 말랑말랑

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

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

A:카페24 써라운드· 제작 카페24|B:한컴 말랑말랑· 제작 한컴

→ 각 폰트 종합 가이드: 카페24 써라운드 가이드·한컴 말랑말랑 가이드

평가 결과 · 2개 케이스

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

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

74제목 한컴 말랑말랑 · 본문 카페24 써라운드

한컴 말랑말랑B=제목용ⓘ 미리보기는 프리텐다드

제작한컴상업 무료다운로드

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

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

오늘도 당신의 하루를 응원합니다.

써라운드는 둥근 모서리와 안정된 자족으로 본문에서 편안하게 읽히며, 말랑말랑은 굵은 웨이트에서 또렷한 제목 가독성을 보입니다.

분위기: 카페24 써라운드의 둥글고 친근한 본문 톤 위에 한컴 말랑말랑의 말랑한 제목이 얹혀 부드럽고 다정한 일관된 무드를 형성합니다.
대비·계층: 두 폰트 모두 라운드 산세리프 계열이라 형태 대비는 약하지만 웨이트와 크기 차로 충분한 위계를 만들 수 있습니다.
추천 용도: 키즈·교육 콘텐츠 본문F&B 브랜드 상세페이지라이프스타일 매거진 리딩SNS 카드뉴스 장문캠페인 랜딩 본문

어울리는 영문 폰트

제목QuicksandNunitoPlus Jakarta Sans

본문Nunito SansManrope

라운드 형태의 한글 페어와 톤을 맞추기 위해 둥근 터미널을 가진 휴머니스트 산세리프 라틴을 권장합니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#ff8a5c

#ffd66b

#fff7ec

어울리는 산업 톤

교육 따뜻F&B 친근키즈·패밀리 브랜드

72제목 카페24 써라운드 · 본문 한컴 말랑말랑

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

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

+한컴 말랑말랑A=본문용ⓘ 미리보기는 프리텐다드

제작한컴상업 무료다운로드

오늘은 달콤한 디저트 한입 어떠세요

말랑말랑은 곡선이 많아 장문 본문에서 다소 풀어 보일 수 있지만 16~18px 구간에서 충분히 읽힌다. 써라운드는 굵은 획과 둥근 형태로 제목에서 시선을 강하게 잡는다.

분위기: 한컴 말랑말랑이 부드럽고 친근한 본문 톤을 깔고, 카페24 써라운드의 둥글고 통통한 제목이 발랄한 무드를 얹어 전반적으로 귀엽고 따뜻한 분위기를 만든다.
대비·계층: 두 폰트 모두 라운드 계열이라 형태 대비는 약하나, 써라운드 Bold의 굵기와 글자 면적이 말랑말랑 Regular와 weight 차로 위계를 확보한다.
추천 용도: F&B 메뉴·패키지어린이·교육 콘텐츠라이프스타일 SNS 카드뉴스캐릭터 굿즈 상세페이지

어울리는 영문 폰트

제목Plus Jakarta SansManropeSatoshi

본문InterSource Sans Pro

써라운드의 둥근 인상에는 라운디드 터미널을 가진 Plus Jakarta Sans·Manrope가 톤을 맞추고, 본문은 중립적이고 x-height가 안정적인 Inter 계열이 말랑말랑의 곡선과 균형을 잡는다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#ff8fa3

#ffd56b

#fff8f0

어울리는 산업 톤

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;
}