한글 페어링 · 큐레이션

한컴 말랑말랑+안녕 멜로디

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

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

A:한컴 말랑말랑· 제작 한컴|B:안녕 멜로디· 제작 구글 한글 폰트

→ 각 폰트 종합 가이드: 한컴 말랑말랑 가이드·안녕 멜로디 가이드

평가 결과 · 2개 케이스

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

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

45제목 안녕 멜로디 · 본문 한컴 말랑말랑

안녕 멜로디A=제목용

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

+한컴 말랑말랑B=본문용ⓘ 미리보기는 프리텐다드

제작한컴상업 무료다운로드

오늘 하루는 정말 특별한 하루였어요.

안녕 멜로디는 제목에서 시선을 끌기에 충분하지만, 필기체의 자간·높이 변동이 크면 짧은 제목도 읽기에 방해가 될 수 있다. 말랑말랑은 본문 가독성이 우수하나 제목의 개성과 본문의 친근함 사이 톤 격차가 크다.

분위기: 안녕 멜로디의 부드럽고 감정적인 필기체와 말랑말랑의 친근하고 둥근 산세리프는 모두 따뜻한 톤을 공유하지만, 제목용 필기체의 불규칙성이 본문의 안정적인 가독성과 충돌하면서 정보 위계의 일관성이 약해진다.
대비·계층: weight 대비(제목 400 vs 본문 400/700)가 약하고, 필기체와 산세리프의 구조적 차이만으로는 명확한 위계를 형성하기 어렵다. 제목을 700으로 강화하거나 사이즈 차이를 더 크게 가져가야 한다.
추천 용도: 아동·교육용 콘텐츠 (따뜻하고 친근한 톤)소규모 출판물·인쇄 (포스터, 전단)비공식 블로그·SNS 캐주얼 콘텐츠키즈 앱·게임 UI

어울리는 영문 폰트

제목ManropePlus Jakarta SansSatoshi

본문InterRoboto

안녕 멜로디의 필기체 감성을 보완하려면 따뜻하고 둥근 산세리프(Manrope, Satoshi)가 어울리며, 말랑말랑의 친근함과 맞춰 부드러운 곡선의 영문 폰트를 선택하는 것이 일관성을 높인다.

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

36~44px

20~24px

본문

16~17px

line-height

1.65

어울리는 색상

#d4a574

#f5efe6

#2a2a2a

어울리는 산업 톤

교육·키즈 콘텐츠라이프스타일 캐주얼

42제목 한컴 말랑말랑 · 본문 안녕 멜로디

한컴 말랑말랑A=제목용ⓘ 미리보기는 프리텐다드

제작한컴상업 무료다운로드

+안녕 멜로디B=본문용

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

따뜻한 봄날, 함께 산책해요.

안녕 멜로디는 손글씨 display 폰트로 긴 본문 읽기에 부적합하며, 제목용 말랑말랑도 본문 역할을 수행하기에는 x-height가 높아 가독성 저하 위험이 있다.

분위기: 한컴 말랑말랑의 부드럽고 친근한 sans는 캐주얼하고 따뜻한 톤을 형성하지만, 안녕 멜로디의 손글씨 display 특성이 지나치게 개성 강해 두 폰트 간 분위기 충돌이 발생한다.
대비·계층: 말랑말랑 400/700과 멜로디 400 간 weight 대비가 불충분하고, sans와 handwriting display의 구조적 차이가 명확한 위계보다는 혼란을 야기한다.
추천 용도: 어린이·유아 교육 콘텐츠 (제한적)캐주얼 이벤트 포스터 (단문 사용)키즈 앱 UI (매우 제한적)

어울리는 영문 폰트

제목ManropeSatoshiPlus Jakarta Sans

본문InterSource Sans Pro

말랑말랑의 부드러운 sans 특성과 어울리는 현대적이고 친근한 영문 sans를 권장. 멜로디는 영문 handwriting 폰트와 조합 시 과도한 개성으로 본문 가독성이 급격히 떨어지므로 제외.

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

36~44px

20~24px

본문

14~16px

line-height

1.5

어울리는 색상

#ff6b9d

#ffd93d

#f5f5f5

어울리는 산업 톤

키즈·유아 교육캐주얼 라이프스타일

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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