한글 페어링 · 큐레이션

카페24 동동+대한항공

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

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

A:카페24 동동· 제작 카페24|B:대한항공· 제작 대한항공

→ 각 폰트 종합 가이드: 카페24 동동 가이드·대한항공 가이드

평가 결과 · 2개 케이스

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

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

54제목 카페24 동동 · 본문 대한항공

카페24 동동B=제목용

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

+대한항공A=본문용ⓘ 미리보기는 프리텐다드

제작대한항공상업 무료다운로드

단정한 문장 위에 둥근 한 마디

대한항공은 정돈된 산세리프로 본문 가독이 안정적이며, 카페24 동동은 굵고 둥근 형태로 짧은 제목에서 시선을 즉시 끈다.

분위기: 대한항공의 단정하고 신뢰감 있는 본문 위에 카페24 동동의 둥글고 통통한 제목이 얹히면 정제된 톤과 친근한 톤이 교차하는 이중적 인상이 생긴다.
대비·계층: 두 폰트 모두 디스플레이 성향이 있지만 골격이 명확히 달라 형태 대비는 확보되며, 동동의 굵은 웨이트가 제목 위계를 자연스럽게 만든다.
추천 용도: 이벤트 랜딩 페이지 본문여행·라이프스타일 매거진 기사프로모션 상세 페이지브랜드 뉴스레터

어울리는 영문 폰트

제목Plus Jakarta SansManropeSatoshi

본문InterIBM Plex Sans

둥근 제목 동동에는 라운드한 지오메트릭 산세리프가 호흡을 맞추고, 대한항공 본문에는 중립적이고 가독성 높은 산세리프가 자연스럽게 합성된다.

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

36~44px

24~28px

본문

16~18px

line-height

1.65

어울리는 색상

#1f3a5f

#f4a261

#f7f3ec

어울리는 산업 톤

여행 라이프스타일F&B 친근이커머스 프로모션

52제목 대한항공 · 본문 카페24 동동

대한항공A=제목용ⓘ 미리보기는 프리텐다드

제작대한항공상업 무료다운로드

+카페24 동동B=본문용

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

하늘 위 여정, 새로운 이야기가 시작됩니다

대한항공은 제목용으로 정돈된 형태라 헤드라인에서 또렷하지만, 카페24 동동은 굵고 둥근 디스플레이 글자라 긴 본문 가독성이 낮아 짧은 문구에 한정해야 합니다.

분위기: 대한항공의 단정하고 신뢰감 있는 기업체 인상과 카페24 동동의 둥글고 친근한 캐릭터가 서로 다른 톤으로 부딪힙니다. 본문에 디스플레이성 폰트를 쓴 점도 분위기 충돌을 키웁니다.
대비·계층: 두 폰트 모두 굵기 변별이 크지 않아 위계 대비가 약하고, 카페24 동동의 굵은 인상이 제목보다 더 튀는 역전 현상이 발생할 수 있습니다.
추천 용도: 이벤트 배너 메인 카피프로모션 포스터어린이·가족 대상 캠페인 페이지SNS 카드뉴스 헤드라인

어울리는 영문 폰트

제목InterIBM Plex SansManrope

본문Plus Jakarta SansManrope

대한항공의 단정한 산세리프 골격과 어울리는 기하학적·중립적 라틴이 헤딩 위계를 안정시키고, 본문은 둥근 동동에 맞춰 부드러운 곡선의 산세리프로 톤을 맞춥니다.

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

40~52px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#0b3d91

#f4b400

#f5f1ea

어울리는 산업 톤

여행·항공 캠페인이커머스 프로모션가족·키즈 라이프스타일

구현 코드 · 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;
}