한글 페어링 · 큐레이션

카페24 빛나는별+안녕 멜로디

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

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

A:카페24 빛나는별· 제작 카페24|B:안녕 멜로디· 제작 구글 한글 폰트

→ 각 폰트 종합 가이드: 카페24 빛나는별 가이드·안녕 멜로디 가이드

평가 결과 · 2개 케이스

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

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

42제목 카페24 빛나는별 · 본문 안녕 멜로디

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

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

+안녕 멜로디B=본문용

제작구글 한글 폰트상업 무료다운로드

따뜻한 카페에서 당신의 이야기를 들려주세요.

안녕 멜로디는 손글씨 기반으로 본문 가독성이 낮으며, 특히 긴 문장에서 글자 간격과 일관성 문제가 발생한다. 제목용 카페24 빛나는별도 장식 요소가 많아 부제목 이하 크기에서는 가독성이 급격히 떨어진다.

분위기: 두 폰트 모두 부드럽고 감정적인 분위기를 가지고 있어 톤 충돌은 적지만, 카페24 빛나는별의 장식적 우아함과 안녕 멜로디의 캐주얼한 손글씨 감성이 정보 위계를 모호하게 만든다.
대비·계층: 두 폰트 모두 display 분류로 weight 대비가 명확하지 않으며(둘 다 400), 시각적 무게감 차이가 부족해 제목과 본문의 계층 구분이 약하다.
추천 용도: 카드/초대장 같은 단문 디자인감성 브랜드 로고 또는 슬로건어린이·키즈 콘텐츠 헤더

어울리는 영문 폰트

제목ManropePlus Jakarta SansSatoshi

본문InterSource Sans Pro

카페24 빛나는별의 우아한 곡선에는 현대적이고 부드러운 sans-serif(Manrope, Plus Jakarta Sans)가 어울리며, 본문 대체 시 높은 가독성의 중립적 sans-serif(Inter, Source Sans Pro)로 보완해야 한다.

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

36~44px

20~24px

본문

14~16px

line-height

1.6

어울리는 색상

#d4a574

#f5efe6

#2a2a2a

어울리는 산업 톤

라이프스타일 매거진감성 이커머스

42제목 안녕 멜로디 · 본문 카페24 빛나는별

안녕 멜로디A=제목용

제작구글 한글 폰트상업 무료다운로드

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

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

따뜻한 봄날, 함께 나눌 이야기가 있어요.

카페24 빛나는별은 본문용으로 설계되지 않은 디스플레이 폰트로, 긴 문장 가독성이 현저히 낮다. 안녕 멜로디도 제목용 손글씨 스타일이므로 본문 대체 불가능하다.

분위기: 안녕 멜로디의 따뜻하고 손글씨 감성과 카페24 빛나는별의 장식적 디스플레이 톤이 겹치면서 분위기 일관성이 약해진다. 둘 다 감정 표현에 중점을 두어 정보 위계가 모호해진다.
대비·계층: 두 폰트 모두 display 분류이고 weight가 동일(400)하여 시각적 대비가 부족하다. 제목과 본문 간 명확한 위계 구분이 어렵다.
추천 용도: 감성 카드·인사장(단문 텍스트만)어린이 교육 콘텐츠(짧은 문구)소셜 미디어 배너(헤드라인만)

어울리는 영문 폰트

제목ManropePlus Jakarta SansSatoshi

본문InterSource Sans Pro

안녕 멜로디의 부드러운 손글씨 감성을 보완하려면 현대적이고 친근한 sans-serif가 필요하며, 본문은 높은 가독성의 중립적 산세리프만 가능하다.

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

36~44px

20~24px

본문

불권장(디스플레이 폰트)px

line-height

1.6

어울리는 색상

#f5efe6

#d4a574

#2a2a2a

어울리는 산업 톤

라이프스타일 감성핸드메이드·수공예

구현 코드 · 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=Hi+Melody&display=swap');

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

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