designnews

한글 페어링 · 큐레이션

함초롬바탕+안녕 멜로디

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

평가 케이스
2개
평균 점수
39점
관련 페어
6개
A:함초롬바탕· 제작 한컴|B:안녕 멜로디· 제작 구글 한글 폰트

→ 각 폰트 종합 가이드: 함초롬바탕 가이드·안녕 멜로디 가이드

평가 결과 · 2개 케이스

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

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

42제목 안녕 멜로디 · 본문 함초롬바탕
안녕 멜로디A=제목용
제작구글 한글 폰트상업 무료다운로드
+함초롬바탕B=본문용ⓘ 미리보기는 프리텐다드
제작한컴비상업 무료다운로드
안녕하세요, 오늘의 이야기를 시작합니다.

함초롬바탕은 본문 가독성이 우수하나, 안녕 멜로디는 제목용 필기체로서 긴 텍스트에는 부적합합니다. 제목 역할에서는 충분히 눈에 띄지만 소문자나 숫자 가독성이 낮습니다.

분위기
안녕 멜로디의 부드럽고 친근한 필기체 감성과 함초롬바탕의 전통적이고 격식 있는 명조체 분위기가 충돌합니다. 두 폰트가 추구하는 톤이 상이하여 일관된 브랜드 정체성을 형성하기 어렵습니다.
대비·계층
weight 대비는 명확하지만(400 vs 400/700), 스타일 대비(필기체 vs 명조체)가 과도하여 정보 위계보다는 시각적 불일치를 강조합니다. 제목과 본문의 연결고리가 약합니다.
추천 용도
어린이·유아 교육 콘텐츠 (밝고 친근한 제목 필요)인사말·인용구 강조 (짧은 문구 중심)캐주얼 블로그 헤더 (톤 불일치 감수 시)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist
본문Source SerifEB Garamond

안녕 멜로디의 부드러운 필기감을 보완하려면 현대적 산세리프(Manrope, Geist)가 낫고, 함초롬바탕의 전통 명조감을 강화하려면 클래식 세리프(Source Serif, EB Garamond)가 적합합니다. 단일 페어링으로는 두 폰트 특성을 모두 살리기 어려우므로 각각 별도 라틴 페어를 권장합니다.

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

h1
36~44px
h2
20~24px
본문
16~17px
line-height
1.65

어울리는 색상

#2c2c2c
#d4a574
#f9f7f4

어울리는 산업 톤

어린이 교육·유아용품감성 라이프스타일 매거진
35제목 함초롬바탕 · 본문 안녕 멜로디
함초롬바탕A=제목용ⓘ 미리보기는 프리텐다드
제작한컴비상업 무료다운로드
+안녕 멜로디B=본문용
제작구글 한글 폰트상업 무료다운로드
따뜻한 감정을 담은 이야기를 전하고 싶어요.

안녕 멜로디는 display·handwriting 폰트로 설계되어 본문 가독성이 매우 낮습니다. 긴 문장에서 획의 불규칙성과 자간이 읽기 피로를 유발하며, 제목으로 사용된 함초롬바탕도 serif의 세리프가 작은 사이즈에서 간섭을 일으킬 수 있습니다.

분위기
함초롬바탕의 전통적·격식 있는 serif와 안녕 멜로디의 캐주얼·손글씨 감성이 충돌하여 일관된 톤을 형성하지 못합니다. 분위기 불일치로 인해 브랜드 신뢰도가 약화됩니다.
대비·계층
두 폰트 간 무게 대비는 명확하나(400 vs 700 활용 불가), 구조적 대비가 부족합니다. serif의 정형성과 handwriting의 자유로움이 정보 위계보다 시각적 혼란을 우선합니다.
추천 용도
어린이 교육·동화책 (handwriting 감성 활용 시)캐주얼 이벤트 포스터 (고도의 스타일링 필요)아트 프로젝트·실험적 디자인 (의도된 불일치 표현)

어울리는 영문 폰트

제목Playfair DisplayMerriweatherEB Garamond
본문InterSource Sans Pro

함초롬바탕의 serif 격식성을 보완하려면 Playfair Display 같은 고전적 serif 영문이 필요하고, 안녕 멜로디의 handwriting 캐주얼함을 살리려면 Caveat·Fredoka 같은 display 영문이 어울리나, 두 폰트를 동시에 사용할 경우 각각 별도의 영문 페어가 필수입니다.

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

h1
36~44px
h2
20~24px
본문
16~18px
line-height
1.6

어울리는 색상

#2c2c2c
#d4a574
#f9f7f4

어울리는 산업 톤

어린이·유아 교육감성 라이프스타일

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

관련 페어 · 같은 폰트 포함

함초롬바탕 또는 안녕 멜로디 들어간 다른 인기 페어