한글 페어링 · 큐레이션

안녕 멜로디+프리텐다드

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

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

A:안녕 멜로디· 제작 구글 한글 폰트|B:프리텐다드· 제작 길형진

→ 각 폰트 종합 가이드: 안녕 멜로디 가이드·프리텐다드 가이드

평가 결과 · 2개 케이스

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

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

74제목 안녕 멜로디 · 본문 프리텐다드

안녕 멜로디A=제목용

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

+프리텐다드B=본문용

제작길형진상업 무료다운로드

오늘도 너에게 작은 인사를 건네요

안녕 멜로디는 큰 사이즈에서 귀여운 인상을 또렷이 전달하고, 프리텐다드는 다양한 웨이트와 균형 잡힌 자형으로 긴 본문 가독성이 매우 우수하다.

분위기: 안녕 멜로디의 둥글고 순수한 손글씨 인상이 제목을 이끌고, 프리텐다드의 중립적이고 깔끔한 본문이 가독성을 받쳐 친근하면서도 정돈된 분위기를 만든다.
대비·계층: 손글씨 디스플레이와 기하학적 산세리프의 자형 대비가 강해 정보 위계가 직관적으로 분리되며, 프리텐다드의 풍부한 웨이트 옵션이 미세 위계까지 보강한다.
추천 용도: 어린이·교육 서비스 랜딩F&B 캐주얼 브랜드 홍보라이프스타일 SNS 카드뉴스이벤트·프로모션 배너감성 굿즈·문구 패키지

어울리는 영문 폰트

제목CaveatPatrick HandShadows Into LightGloria Hallelujah

본문InterPretendard LatinPlus Jakarta Sans

제목은 손글씨 영문으로 안녕 멜로디의 캐주얼한 톤을 잇고, 본문은 중립적 산세리프로 프리텐다드와 자연스럽게 합성된다.

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

44~56px

26~32px

본문

16~18px

line-height

1.65

어울리는 색상

#ff8fab

#ffd6a5

#fff8f0

어울리는 산업 톤

교육 따뜻F&B 친근라이프스타일 매거진

58제목 프리텐다드 · 본문 안녕 멜로디

프리텐다드A=제목용

제작길형진상업 무료다운로드

+안녕 멜로디B=본문용

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

오늘의 작은 행복을 전해드려요

프리텐다드는 어떤 굵기에서도 제목 가독성이 뛰어나지만, 안녕 멜로디는 손글씨 특성상 긴 본문에서는 가독성이 떨어져 짧은 캡션·인용구에 적합하다.

분위기: 프리텐다드의 모던하고 정제된 인상이 제목을 잡고, 안녕 멜로디의 손글씨 감성이 본문에서 친근함을 더한다. 다만 두 폰트의 성격 차이가 커서 톤 조율에 신경 써야 한다.
대비·계층: 기하학적 산세리프 vs 손글씨라는 구조적 대비가 강해 위계는 명확히 드러나지만, 정보 밀도가 높은 레이아웃에서는 어색함이 생길 수 있다.
추천 용도: 감성 카페 메뉴판유아·교육 콘텐츠 랜딩라이프스타일 SNS 카드뉴스프로모션 이벤트 페이지

어울리는 영문 폰트

제목InterPretendard LatinManropeGeist

본문CaveatPatrick Hand

프리텐다드 제목은 Inter 계열 기하 산세리프와 자연스럽게 합성되고, 안녕 멜로디 본문은 비슷한 손글씨 라틴(Caveat 등)과 톤이 맞는다.

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

36~44px

22~26px

본문

17~19px

line-height

1.7

어울리는 색상

#2b2b2b

#f4a261

#fdf6ec

어울리는 산업 톤

교육 따뜻F&B 친근라이프스타일 감성

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Hi+Melody&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable.css');

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

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