한글 페어링 · 큐레이션

카페24 빛나는별+JS 동까비

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

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

A:카페24 빛나는별· 제작 카페24|B:JS 동까비· 제작 정스튜디오

→ 각 폰트 종합 가이드: 카페24 빛나는별 가이드·JS 동까비 가이드

평가 결과 · 2개 케이스

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

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

42제목 카페24 빛나는별 · 본문 JS 동까비

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

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

+JS 동까비A=본문용ⓘ 미리보기는 프리텐다드

제작정스튜디오상업 무료

우리는 특별한 순간을 함께 만듭니다.

본문 역할에 디스플레이 폰트(JS 동까비)를 사용하면 긴 글 읽기에서 피로도가 높고, 제목 역할의 카페24 빛나는별도 본문과의 명확한 위계 구분이 어렵다.

분위기: 두 디스플레이 폰트 모두 장식적이고 개성 강한 특징을 가지고 있으나, JS 동까비의 둥근 친근함과 카페24 빛나는별의 기하학적 우아함이 톤 충돌을 일으킨다.
대비·계층: 두 폰트 모두 400 weight이고 디스플레이 특성이 강해 무게감 대비가 부족하며, 스타일 차이도 미묘해 정보 계층이 약하다.
추천 용도: 짧은 카피·슬로건 조합 (광고 포스터)이벤트 배너 (장식성 우선)브랜드 로고타입 (단어 단위)

어울리는 영문 폰트

제목ManropePlus Jakarta SansSatoshi

본문InterSource Sans Pro

JS 동까비의 둥근 친근함을 살리려면 Manrope 같은 기하학적 산세리프, 카페24 빛나는별의 우아함을 보완하려면 Plus Jakarta Sans 같은 모던 디스플레이 폰트가 적합하다.

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

48~64px

32~40px

본문

14~16px

line-height

1.6

어울리는 색상

#2a2a2a

#ff6b9d

#f9f7f4

어울리는 산업 톤

라이프스타일 이벤트문화·예술 프로모션

42제목 JS 동까비 · 본문 카페24 빛나는별

JS 동까비A=제목용ⓘ 미리보기는 프리텐다드

제작정스튜디오상업 무료

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

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

반짝이는 별처럼 빛나는 당신의 이야기

카페24 빛나는별은 긴 본문 읽기에 부적합한 display 폰트임. 제목용 JS 동까비도 본문 가독성을 보조하기에 충분한 중립성이 부족해 정보 계층이 모호함.

분위기: JS 동까비의 친근하고 둥근 감성과 카페24 빛나는별의 장식적·감정 표현이 겹치면서 분위기가 혼재됨. 두 폰트 모두 display 계열로 개성이 강해 제목-본문 위계가 약해짐.
대비·계층: 두 폰트 모두 400 weight이고 display 분류로 시각적 대비가 약함. 크기 차이만으로는 명확한 위계를 만들기 어려우며, 스타일 차이도 불충분함.
추천 용도: 짧은 카피 중심 광고·포스터 (본문 텍스트 최소화)감정 표현이 중심인 브랜드 캠페인어린이·키즈 콘텐츠 (둥근 감성 활용)

어울리는 영문 폰트

제목ManropePlus Jakarta SansSatoshi

본문InterSource Sans Pro

JS 동까비의 둥근 친근감을 유지하면서도 본문 가독성을 확보하려면, 중립적이고 안정적인 sans-serif 영문 폰트가 필수. Manrope는 기하학적 둥근감으로 동까비와 톤을 맞추고, Inter·Source Sans Pro는 본문 읽기에 검증된 선택.

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

36~44px

20~24px

본문

14~16px

line-height

1.6

어울리는 색상

#2d2d2d

#ff6b9d

#faf8f3

어울리는 산업 톤

키즈·교육 따뜻함감성 라이프스타일

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