한글 페어링 · 큐레이션

카페24 동동+코트라 도약

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

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

A:카페24 동동· 제작 카페24|B:코트라 도약· 제작 코트라

→ 각 폰트 종합 가이드: 카페24 동동 가이드·코트라 도약 가이드

평가 결과 · 2개 케이스

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

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

62제목 카페24 동동 · 본문 코트라 도약

카페24 동동B=제목용

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

+코트라 도약A=본문용ⓘ 미리보기는 프리텐다드

제작코트라상업 무료다운로드

오래된 골목에서 만난 따뜻한 이야기를 천천히 전합니다

코트라 도약은 굵직한 세리프 골격으로 16~18px 본문에서 안정적으로 읽히며, 카페24 동동은 단어 단위의 강한 임팩트 표현에 어울려 짧은 제목·캐치프레이즈에서 가장 잘 작동합니다.

분위기: 카페24 동동의 둥글고 통통한 디스플레이 인상이 시선을 끌고, 코트라 도약의 단단한 세리프가 본문에서 무게감 있게 받쳐줍니다. 발랄함과 진중함이 교차해 친근하면서도 메시지의 신뢰를 잃지 않는 분위기를 만듭니다.
대비·계층: 세리프 본문 vs 라운드 디스플레이 산세리프 구도로 형태 대비는 확실하지만, 양쪽 모두 굵기 인상이 강해 자칫 시각적 무게가 비슷해질 수 있어 제목 사이즈를 본문의 2.2배 이상으로 띄우는 편이 안전합니다.
추천 용도: 코트라 도약 본문 기반 브랜드 스토리·캠페인 페이지F&B·라이프스타일 매거진의 인용구 중심 본문 레이아웃전통·로컬 브랜드 소개 책자 내지지역 축제·전시 리플릿 본문 영역친근한 톤의 사보·뉴스레터

어울리는 영문 폰트

제목FrauncesRecoletaDM Serif DisplayPlayfair Display

본문Source SerifLoraMerriweather

코트라 도약의 또렷한 세리프 골격에는 가독성이 검증된 Source Serif·Lora가 본문에서 자연스럽게 어울리고, 카페24 동동의 둥근 디스플레이 인상에는 부드러운 곡선을 가진 Fraunces·Recoleta가 톤을 일치시킵니다.

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

44~56px

26~32px

본문

16~18px

line-height

1.7

어울리는 색상

#3b2a1e

#c9742e

#f5efe6

어울리는 산업 톤

F&B 친근라이프스타일 매거진로컬·전통 브랜드문화·전시

42제목 코트라 도약 · 본문 카페24 동동

코트라 도약B=제목용ⓘ 미리보기는 프리텐다드

제작코트라상업 무료다운로드

+카페24 동동A=본문용

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

동글동글한 하루, 작은 기쁨을 모아요

동동은 디스플레이 성격이라 본문에서 장시간 읽기에는 자획 굵기와 곡선이 부담스럽고, 도약 세리프는 큰 제목에서 또렷한 존재감을 보여줍니다.

분위기: 카페24 동동의 둥글고 통통한 디스플레이 인상이 본문에 깔리면서, 코트라 도약의 묵직한 세리프 제목이 위에 얹히는 구성은 톤이 충돌합니다. 친근함과 권위가 어색하게 섞입니다.
대비·계층: 분류(디스플레이 산세리프 vs 세리프)와 인상 차이로 형태 대비는 크지만, 둘 다 굵은 무게감이라 위계가 깔끔히 정리되지 않습니다.
추천 용도: 어린이·교육 프로모션 배너지역 축제 안내 포스터캐주얼 이벤트 리플렛F&B 메뉴 보조 카피

어울리는 영문 폰트

제목Playfair DisplayEB GaramondIBM Plex Serif

본문FredokaQuicksand

본문 동동의 둥근 캐주얼 인상에는 라운드 산세리프가, 제목 도약의 묵직한 세리프에는 클래식 세리프 라틴이 구조적으로 자연스럽게 맞물립니다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2a28

#d96f4a

#f6efe4

어울리는 산업 톤

교육 따뜻F&B 친근지역 행사 캐주얼

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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