한글 페어링 · 큐레이션

카페24 빛나는별+구기

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

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

A:카페24 빛나는별· 제작 카페24|B:구기· 제작 윤디자인

→ 각 폰트 종합 가이드: 카페24 빛나는별 가이드·구기 가이드

평가 결과 · 2개 케이스

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

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

42제목 카페24 빛나는별 · 본문 구기

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

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

+구기B=본문용

제작윤디자인상업 무료다운로드

반짝이는 별처럼 빛나는 당신의 꿈을 응원합니다.

구기는 본문용으로 설계되지 않은 display 폰트로, 긴 글 읽기에 부적합하다. 카페24 빛나는별도 제목 용도에 최적화되어 본문 역할에 충분한 가독성을 제공하지 못한다.

분위기: 카페24 빛나는별의 부드럽고 둥근 감성과 구기의 친근하고 캐주얼한 분위기가 겹치면서 톤 구분이 모호해진다. 두 폰트 모두 display 계열로 분위기가 유사하여 제목과 본문 간 명확한 위계 형성이 어렵다.
대비·계층: 두 폰트 모두 400 weight, display 분류로 시각적 대비가 부족하다. 크기 차이만으로는 정보 위계를 명확히 표현하기 어려우며, 스타일 차이(stroke, 곡률)도 미미하다.
추천 용도: 짧은 카피 중심 배너·포스터 (본문 텍스트 최소화)어린이·유아 교육 콘텐츠 (친근한 분위기 활용)캐주얼 이벤트 홍보물 (두 폰트 분위기 일치)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterRoboto

카페24 빛나는별의 부드러운 곡선에는 rounded sans-serif(Manrope, Geist)가 어울리며, 본문 보강용으로는 중성적이고 읽기 편한 sans-serif(Inter, Roboto)를 권장한다.

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

48~64px

28~36px

본문

14~16px

line-height

1.6

어울리는 색상

#ff6b9d

#ffd93d

#f5f5f5

어울리는 산업 톤

어린이·유아 교육캐주얼 라이프스타일

42제목 구기 · 본문 카페24 빛나는별

구기A=제목용

제작윤디자인상업 무료다운로드

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

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

반짝이는 밤하늘 아래 함께하는 특별한 순간

구기는 제목용 display 폰트로 첫눈에 들어오는 강한 시각성을 가지지만, 카페24 빛나는별은 장식적 요소가 강해 긴 본문 읽기에 완전히 부적합하다. 본문 폰트로 display 폰트를 사용하는 것은 한국 타이포그래피 표준에 위배된다.

분위기: 구기의 둥근 곡선과 카페24 빛나는별의 장식적 곡선이 모두 친근하고 부드러운 인상을 주지만, 두 폰트 모두 display 특성으로 인해 본문 가독성이 심각하게 떨어진다. 분위기 충돌은 적으나 실용성이 극도로 제한된다.
대비·계층: 두 폰트 모두 display 분류이고 weight가 동일(400)하여 제목과 본문 간 명확한 계층 대비가 형성되지 않는다. 시각적 무게감 차이가 거의 없어 정보 위계가 모호하다.
추천 용도: 짧은 카피/슬로건 조합 (2~3단어)포스터·배너 헤더 + 부제목브랜드 로고타입 + 태그라인

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterSource Sans Pro

구기의 둥근 곡선에는 현대적 sans-serif(Manrope, Geist)가 어울리며, 본문은 반드시 높은 가독성의 정통 sans-serif(Inter, Source Sans Pro)로 대체해야 한다. 카페24 빛나는별은 영문 페어링 권장 불가.

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

48~64px

28~36px

본문

16~18px

line-height

1.65

어울리는 색상

#2d2d2d

#ff6b9d

#f9f7f4

어울리는 산업 톤

라이프스타일 매거진F&B 친근

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/Cafe24Shiningstar/subsets/Cafe24Shiningstar-dynamic-subset.css');
@import url('https://fonts.googleapis.com/css2?family=Gugi&display=swap');

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

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