한글 페어링 · 큐레이션

카페24 빛나는별+코트라 도약

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

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

A:카페24 빛나는별· 제작 카페24|B:코트라 도약· 제작 코트라

→ 각 폰트 종합 가이드: 카페24 빛나는별 가이드·코트라 도약 가이드

평가 결과 · 2개 케이스

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

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

58제목 카페24 빛나는별 · 본문 코트라 도약

카페24 빛나는별B=제목용

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

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

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

함께 도약하는 우리의 내일을 응원합니다.

코트라 도약은 굵기와 골격이 명확해 본문에서 안정적으로 읽히며, 카페24 빛나는별은 짧은 헤드라인·캐치프레이즈에서 시선을 끄는 데 적합합니다.

분위기: 코트라 도약의 단단하고 진취적인 본문 톤 위로 카페24 빛나는별의 발랄한 손글씨 제목이 얹혀, 진중함과 경쾌함이 공존하는 이중적 분위기를 형성합니다.
대비·계층: 세리프 본문과 손글씨 디스플레이 제목의 형식적 대비는 뚜렷하지만, 두 폰트의 골격 차이가 커서 위계는 살아나되 통일감은 다소 약합니다.
추천 용도: 브랜드 캠페인 랜딩 페이지공익·캠페인 포스터의 본문 영역사회공헌 리포트교육·문화 행사 안내문

어울리는 영문 폰트

제목CaveatShadows Into LightPatrick Hand

본문Source SerifLora

본문 세리프에는 차분한 라틴 세리프를 매칭해 가독성을 유지하고, 손글씨 제목에는 캐주얼 스크립트 계열을 더해 일관된 친근함을 부여합니다.

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

44~56px

26~32px

본문

16~18px

line-height

1.7

어울리는 색상

#2b3a55

#f4a261

#fdf6ec

어울리는 산업 톤

공공기관 캠페인교육 따뜻사회공헌 브랜드

42제목 코트라 도약 · 본문 카페24 빛나는별

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

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

+카페24 빛나는별A=본문용

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

오늘의 작은 빛이 내일을 밝힙니다

카페24 빛나는별은 디스플레이 손글씨라 본문 장문 가독성이 현저히 떨어지며, 코트라 도약은 제목에서 시선을 확실히 잡습니다. 본문 역할로는 카페24 빛나는별이 부적합합니다.

분위기: 카페24 빛나는별의 손글씨 감성과 코트라 도약의 묵직한 세리프가 톤에서 충돌합니다. 감성적 캘리그라피가 본문으로 깔리고 권위적 세리프가 제목을 잡으면 분위기 통일이 어렵습니다.
대비·계층: 분류(디스플레이 vs 세리프)와 인상 대비는 강하지만 같은 400 웨이트라 구조적 위계는 약합니다. 톤 차이가 너무 커서 대비가 충돌로 읽힙니다.
추천 용도: 감성 브랜드 캠페인 카드뉴스이벤트 초대장 본문 인용구전시 브로슈어 짧은 발췌문굿즈 패키지 문구

어울리는 영문 폰트

제목Source SerifPlayfair DisplayEB Garamond

본문CaveatKalam

제목 코트라 도약은 클래식 세리프와 구조가 맞고, 본문 카페24 빛나는별은 손글씨 라틴과 톤이 일치합니다.

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

36~44px

24~28px

본문

18~20px

line-height

1.75

어울리는 색상

#2b2a4c

#d4a373

#f5efe6

어울리는 산업 톤

감성 라이프스타일문화예술 전시소규모 공방 브랜드

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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