한글 페어링 · 큐레이션

카페24 동동+카페24 써라운드

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

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

A:카페24 동동· 제작 카페24|B:카페24 써라운드· 제작 카페24

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

평가 결과 · 2개 케이스

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

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

82제목 카페24 동동 · 본문 카페24 써라운드

카페24 동동A=제목용

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

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

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

오늘은 동글동글 기분 좋은 하루

동동은 제목에서 시선을 단번에 사로잡는 캐릭터성을 보여주고, 써라운드는 적당한 자간과 둥근 골격으로 본문 가독성이 안정적입니다.

분위기: 카페24 동동의 동글동글한 디스플레이 인상이 써라운드의 부드러운 산세리프 톤과 자연스럽게 이어집니다. 같은 카페24 패밀리로 친근하고 캐주얼한 무드를 일관되게 유지합니다.
대비·계층: 동동의 두툼하고 둥근 디스플레이 형태와 써라운드 Regular의 깔끔한 본문 톤이 형태적 대비를 만들어 위계가 명확합니다. 강조는 써라운드 Bold로 처리하면 좋습니다.
추천 용도: F&B 브랜드 패키지이커머스 프로모션 배너라이프스타일 SNS 카드뉴스캐주얼 브랜드 랜딩페이지유아·교육 콘텐츠

어울리는 영문 폰트

제목Plus Jakarta SansManropeSatoshi

본문InterIBM Plex Sans

동동의 둥근 디스플레이 특성에는 라운드 터미널을 가진 모던 지오메트릭 산세리프가 잘 맞고, 써라운드 본문에는 중립적이고 가독성 높은 Inter 계열이 안정적으로 어울립니다.

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

40~52px

24~30px

본문

16~18px

line-height

1.65

어울리는 색상

#ff7a59

#ffd66b

#fff7ec

어울리는 산업 톤

F&B 친근이커머스 캐주얼라이프스타일 매거진교육 따뜻

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

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

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

+카페24 동동B=본문용

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

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

써라운드는 제목에서 또렷한 존재감을 보이지만, 동동은 디스플레이 성격이 강해 긴 본문 가독성에는 한계가 있습니다.

분위기: 카페24 써라운드의 둥글고 친근한 인상과 카페24 동동의 통통한 디스플레이 감성이 만나 발랄하고 캐주얼한 톤을 형성합니다.
대비·계층: 두 폰트 모두 둥근 곡선 베이스를 공유해 분위기는 통일되지만, 굵기와 형태 인상이 유사해 위계 대비가 약한 편입니다.
추천 용도: F&B 브랜드 SNS 카드뉴스유아·교육 콘텐츠 표지캐릭터 굿즈 패키지프로모션 배너 짧은 카피

어울리는 영문 폰트

제목Plus Jakarta SansManropeGeist

본문InterSource Sans Pro

써라운드의 둥근 제목 인상에는 곡선이 살아있는 Jakarta·Manrope가 어울리고, 본문 측 동동의 캐주얼함은 중성적인 Inter로 균형을 잡아줍니다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#ff6b6b

#ffd93d

#fff8ec

어울리는 산업 톤

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

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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