한글 페어링 · 큐레이션

카페24 빛나는별+코트라 희망

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

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

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

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

평가 결과 · 2개 케이스

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

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

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

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

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

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

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

오늘의 작은 희망을 당신께 전합니다

코트라 희망은 부드러운 세리프 구조로 긴 글 본문에 적합하나, 카페24 빛나는별은 흘림체 특성상 짧은 강조 문구에 한정해 사용해야 가독성이 유지된다.

분위기: 코트라 희망의 단정한 세리프 본문 위에 카페24 빛나는별의 손글씨풍 디스플레이가 포인트로 얹혀 따뜻하면서도 감성적인 분위기를 만든다.
대비·계층: 정돈된 세리프 본문과 자유로운 손글씨 제목 사이의 형태 대비는 뚜렷하지만, 양쪽 모두 400 웨이트라 위계 강조를 위해 사이즈 차이를 충분히 둬야 한다.
추천 용도: 감성 에세이 출판물 본문 디자인캠페인 인사말 카드교육·문화 행사 안내 책자브랜드 스토리 페이지 본문

어울리는 영문 폰트

제목CaveatShadows Into LightPlayfair Display

본문Source SerifLora

본문 세리프는 Lora·Source Serif와 구조가 유사해 자연스럽게 합성되고, 제목 손글씨는 Caveat·Shadows Into Light 같은 핸드라이팅 라틴과 톤이 맞는다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#3d2c20

#d97b5a

#f7f1e8

어울리는 산업 톤

문화·예술 감성교육 따뜻라이프스타일 매거진

38제목 코트라 희망 · 본문 카페24 빛나는별

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

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

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

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

별빛이 내려앉은 밤, 작은 이야기를 적어요.

카페24 빛나는별은 디스플레이 손글씨 계열이라 긴 본문에는 가독성이 떨어지고, 제목인 코트라 희망은 단아하게 잘 읽힙니다.

분위기: 카페24 빛나는별의 발랄하고 손글씨 같은 인상이 본문을 채우는 가운데, 코트라 희망의 단정한 세리프 제목이 위에 얹히는 구성은 톤이 충돌합니다.
대비·계층: 분류(display vs serif)와 인상 차이는 크지만, 두 폰트 모두 400 단일 웨이트라 굵기 위계가 약해 정보 계층이 흐려질 수 있습니다.
추천 용도: 감성 카드뉴스 짧은 본문캘리그래피 무드 청첩장핸드메이드 브랜드 소개 페이지어린이·교육 굿즈 패키지

어울리는 영문 폰트

제목EB GaramondLoraSource SerifPlayfair Display

본문CaveatShadows Into Light

제목 세리프에는 클래식한 라틴 세리프가 코트라 희망의 단정함을 살리고, 본문 손글씨 한글에는 캐주얼 스크립트 라틴이 톤을 맞춥니다.

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

32~40px

22~26px

본문

17~19px

line-height

1.7

어울리는 색상

#2c2a4a

#e6b566

#fdf8f0

어울리는 산업 톤

감성 라이프스타일교육·아동 따뜻수공예·핸드메이드

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