한글 페어링 · 큐레이션

비트로 프라이드+카페24 빛나는별

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

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

A:비트로 프라이드· 제작 비트로|B:카페24 빛나는별· 제작 카페24

→ 각 폰트 종합 가이드: 비트로 프라이드 가이드·카페24 빛나는별 가이드

평가 결과 · 2개 케이스

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

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

42제목 카페24 빛나는별 · 본문 비트로 프라이드

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

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

+비트로 프라이드B=본문용ⓘ 미리보기는 프리텐다드

제작비트로상업 무료다운로드

별처럼 빛나는 당신의 이야기를 들려주세요.

두 폰트 모두 display 용도로 설계되어 본문 가독성이 제한적이다. 빛나는별은 제목으로 충분히 돋보이지만, 비트로 프라이드를 본문에 사용하면 기하학적 구조로 인해 긴 문장 읽기가 피로하다.

분위기: 카페24 빛나는별의 부드럽고 감정적인 곡선미와 비트로 프라이드의 기하학적이고 직선적인 구조가 충돌하여 일관된 톤을 형성하기 어렵다. 두 폰트 모두 display 분류이지만 시각적 성격이 상이하다.
대비·계층: 무게(weight)가 동일(400)하여 명확한 위계 대비가 부족하다. 두 폰트의 구조적 차이(곡선 vs 직선)만으로는 정보 계층을 효과적으로 표현하기 어렵다.
추천 용도: 짧은 카피·슬로건 (제목만 강조)포스터·배너 (display 특성 활용)브랜드 로고타입 (두 폰트 혼합 사용 지양)

어울리는 영문 폰트

제목ManropePlus Jakarta SansSatoshi

본문InterSource Sans Pro

카페24 빛나는별의 감정적 곡선미와 어울리는 현대적이고 따뜻한 sans-serif 영문 폰트를 권장. 비트로 프라이드와의 페어링은 피하고, 제목용 한글 폰트에 맞춘 영문 폰트 선택이 필수.

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

48~64px

28~36px

본문

16~18px

line-height

1.6

어울리는 색상

#2d2d2d

#e8a87c

#f9f7f4

어울리는 산업 톤

라이프스타일 매거진감성 브랜딩

42제목 비트로 프라이드 · 본문 카페24 빛나는별

비트로 프라이드A=제목용ⓘ 미리보기는 프리텐다드

제작비트로상업 무료다운로드

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

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

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

Bitro Pride는 제목으로 충분히 눈에 띄지만, Cafe24 Shiningstar는 display 폰트로 긴 본문 읽기에 부적합하다. 장시간 독서 시 피로도가 높고 문단 단위 가독성이 떨어진다.

분위기: 두 폰트 모두 display 계열의 장식적 특성을 가져 분위기는 밝고 친근하나, 제목-본문 역할 분담에서 명확한 위계 차이가 부족하다. 본문용 폰트가 display 특성을 유지하면서 가독성이 제한된다.
대비·계층: 두 폰트 모두 400 weight이고 display 계열이라 시각적 대비가 약하다. 제목과 본문 간 명확한 계층 구분이 어려워 정보 위계 전달이 불명확하다.
추천 용도: 짧은 카피 중심 광고·배너 (제목+부제 조합)이벤트 포스터·프로모션 (전체 텍스트 최소화)어린이·유아용 콘텐츠 (친근한 톤 활용)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterSource Sans Pro

Bitro Pride의 장식적 개성을 살리려면 기하학적이고 모던한 sans-serif(Manrope, Geist)가 어울리고, 본문 가독성을 위해 중립적이고 중성적인 sans-serif(Inter, Source Sans Pro)를 권장한다.

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

48~64px

28~36px

본문

14~16px

line-height

1.6

어울리는 색상

#2d2d2d

#ff6b9d

#f9f7f4

어울리는 산업 톤

키즈·유아 교육라이프스타일 이벤트

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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