한글 페어링 · 큐레이션

안녕 멜로디+빛의 계승자

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

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

A:안녕 멜로디· 제작 구글 한글 폰트|B:빛의 계승자· 제작 엔젤게임즈

→ 각 폰트 종합 가이드: 안녕 멜로디 가이드·빛의 계승자 가이드

평가 결과 · 2개 케이스

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

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

42제목 안녕 멜로디 · 본문 빛의 계승자

안녕 멜로디A=제목용

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

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

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

따뜻한 봄날, 새로운 시작을 함께하세요.

두 폰트 모두 display 분류로 긴 본문 읽기에 부적합합니다. 빛의 계승자는 특히 소문자 크기에서 가독성이 떨어지며, 안녕 멜로디의 손글씨 특성상 본문용으로 사용 시 눈 피로가 누적됩니다.

분위기: 안녕 멜로디의 부드럽고 친근한 손글씨 감성과 빛의 계승자의 기하학적 모던함이 충돌하여 일관된 톤을 형성하기 어렵습니다. 두 폰트 모두 display 계열이라 분위기 통일이 더욱 중요한데 방향성이 상이합니다.
대비·계층: 무게(weight)가 모두 400으로 동일하여 제목과 본문 간 시각적 위계가 약합니다. 두 폰트의 구조적 대비(손글씨 vs 기하학)는 있으나 무게 차이 부족으로 정보 계층이 모호합니다.
추천 용도: 짧은 카드형 UI (제목만 필요한 경우)게임 인터페이스 (두 display 폰트의 개성 활용)포스터·배너 (본문이 최소화된 디자인)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterSource Sans Pro

안녕 멜로디의 친근함을 보완하려면 현대적이고 따뜻한 sans-serif가 필요하며, 빛의 계승자와의 혼용 시에는 중립적 기하학 폰트(Inter, Source Sans Pro)로 가독성을 확보해야 합니다.

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

48~56px

28~32px

본문

16~18px

line-height

1.6

어울리는 색상

#2d2d2d

#ff6b9d

#f5f1ed

어울리는 산업 톤

게임·엔터테인먼트 캐주얼키즈·교육 친근

42제목 빛의 계승자 · 본문 안녕 멜로디

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

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

+안녕 멜로디B=본문용

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

따뜻한 마음으로 시작하는 새로운 하루

빛의 계승자는 제목으로 충분히 눈에 띄지만, 안녕 멜로디는 handwriting 특성상 본문 가독성이 현저히 낮다. 문단 단위 읽기에는 부적합하다.

분위기: 두 폰트 모두 감정적·장식적 성격이 강해 분위기는 일관되지만, 본문용으로는 둘 다 display 계열이라 긴 글 읽기에 부담스럽다. 제목-본문 위계가 약해진다.
대비·계층: 두 폰트 모두 weight 400으로 동일하고, 둘 다 display 계열이어서 시각적 대비가 부족하다. 제목과 본문의 계층 구분이 명확하지 않다.
추천 용도: 짧은 카피·슬로건 (제목+부제 조합)포스터·배너 (전체 display 활용)감정 기반 브랜딩 (감성 강조 필요 시)어린이·청소년 콘텐츠 (친근한 톤)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterSource Sans Pro

두 한글 폰트 모두 감정적·둥근 톤이므로, 영문은 깔끔한 geometric sans-serif(Manrope, Geist)로 균형을 잡거나, 중성적 humanist sans(Inter, Source Sans Pro)로 안정성을 더하는 것이 좋다.

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

36~44px

20~24px

본문

14~16px

line-height

1.6

어울리는 색상

#2d5a6b

#f5a962

#f9f5f0

어울리는 산업 톤

교육·감성 콘텐츠라이프스타일 캐주얼

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Hi+Melody&display=swap');

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

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