한글 페어링 · 큐레이션

카페24 빛나는별+빛의 계승자

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

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

A:카페24 빛나는별· 제작 카페24|B:빛의 계승자· 제작 엔젤게임즈

→ 각 폰트 종합 가이드: 카페24 빛나는별 가이드·빛의 계승자 가이드

평가 결과 · 2개 케이스

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

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

42제목 카페24 빛나는별 · 본문 빛의 계승자

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

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

+빛의 계승자A=본문용ⓘ 미리보기는 프리텐다드

제작엔젤게임즈상업 무료다운로드

신비한 별빛이 내려앉은 카페에서

context가 'body'(본문 역할)인데 fontA가 display 분류라 긴 텍스트 가독성이 낮다. fontB도 display이므로 제목으로 사용해도 본문 대체 폰트가 없어 실무 적용이 어렵다.

분위기: 두 display 폰트 모두 장식적·감정 표현 지향이나, 빛의 계승자는 신비로운 판타지 톤, 카페24 빛나는별은 밝고 친근한 캐주얼 톤으로 분위기가 충돌한다.
대비·계층: 두 폰트 모두 weight 400으로 동일하고, 둘 다 display 특성이라 명확한 위계 대비가 부족하다. 제목·본문 구분이 사이즈에만 의존하게 된다.
추천 용도: 게임·판타지 콘텐츠 제목(빛의 계승자 단독)카페·라이프스타일 배너(카페24 빛나는별 단독)짧은 문구·슬로건(두 폰트 혼합, 본문 용도 불가)

어울리는 영문 폰트

제목Playfair DisplayManropePlus Jakarta Sans

본문InterSource Sans Pro

display 폰트 특성상 영문 heading 페어는 우아하거나 모던한 display 계열이 적합하고, 본문은 중성적 sans-serif로 가독성을 확보해야 한다.

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

48~64px

32~40px

본문

14~16px

line-height

1.6

어울리는 색상

#2d1b4e

#f5a623

#faf8f3

어울리는 산업 톤

판타지·게임 감성카페·라이프스타일 캐주얼

42제목 빛의 계승자 · 본문 카페24 빛나는별

빛의 계승자A=제목용ⓘ 미리보기는 프리텐다드

제작엔젤게임즈상업 무료다운로드

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

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

게임 세계로의 빛나는 여행을 시작하세요

빛의 계승자는 제목용 display 폰트로 첫눈에 들어오는 임팩트가 있으나, 카페24 빛나는별은 display 폰트로 본문 역할을 하기에 부적합하며 장시간 읽기에 피로를 유발한다.

분위기: 두 폰트 모두 display 계열의 장식적 특성을 가지고 있어 분위기 충돌은 적으나, 본문용 폰트로 카페24 빛나는별을 사용하기에는 긴 텍스트 가독성이 현저히 떨어진다.
대비·계층: 두 폰트 모두 동일 weight(400)이고 display 계열이라 무게감 대비가 명확하지 않아 정보 위계 구분이 약하다.
추천 용도: 짧은 카피 중심의 광고·배너 (제목만 강조)게임·엔터테인ment 브랜딩 (양쪽 모두 display용)포스터·이벤트 플라이어 (본문 최소화)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterSource Sans Pro

빛의 계승자의 강렬한 display 특성에는 기하학적이고 현대적인 sans-serif(Manrope, Geist)가 어울리며, 본문은 중성적 가독성 폰트(Inter, Source Sans Pro)로 대체하여 실제 읽기 환경을 확보해야 한다.

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

48~64px

28~36px

본문

14~16px

line-height

1.6

어울리는 색상

#1a1a1a

#ff6b9d

#f5f5f0

어울리는 산업 톤

게임·엔터테인먼트 캐주얼청소년 타겟 라이프스타일

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