한글 페어링 · 큐레이션

함초롬바탕+안녕 멜로디

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

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

A:함초롬바탕· 제작 한컴|B:안녕 멜로디· 제작 구글 한글 폰트

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

평가 결과 · 2개 케이스

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

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

62제목 안녕 멜로디 · 본문 함초롬바탕

안녕 멜로디A=제목용

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

+함초롬바탕B=본문용ⓘ 미리보기는 프리텐다드

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

오늘도 작은 일기를 한 줄 적어요

함초롬바탕은 긴 한글 본문에 검증된 정통 바탕체로 가독성이 우수하며, 안녕 멜로디는 큰 사이즈에서 친근하게 시선을 끄나 작은 크기에서는 식별성이 떨어집니다.

분위기: 안녕 멜로디의 둥글고 사랑스러운 손글씨 인상이 함초롬바탕의 단정한 정통 명조와 만나 따뜻하고 아날로그적인 톤을 형성합니다. 다만 디스플레이의 캐주얼함과 바탕체의 격식 사이에 약간의 톤 간극이 존재합니다.
대비·계층: 손글씨 디스플레이 vs 정형 세리프라는 구조적 대비가 뚜렷하고 분위기 차이도 명확해 위계는 잘 잡힙니다. 단, 두 폰트 모두 400 기본 웨이트라 굵기 대비보다는 형태 대비에 의존합니다.
추천 용도: 어린이·교육 콘텐츠 표지감성 에세이·동화책 편집수공예·베이커리 브랜드 패키지라이프스타일 매거진 특집 페이지

어울리는 영문 폰트

제목CaveatPatrick HandShadows Into Light

본문EB GaramondLora

제목은 손글씨 캐주얼 라틴 스크립트로 안녕 멜로디의 둥근 펜 인상을 살리고, 본문은 클래식 세리프로 함초롬바탕의 정통 명조 흐름과 자연스럽게 합성됩니다.

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

44~56px

26~32px

본문

16~18px

line-height

1.7

어울리는 색상

#3d2b1f

#e8a87c

#faf3e7

어울리는 산업 톤

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

38제목 함초롬바탕 · 본문 안녕 멜로디

함초롬바탕A=제목용ⓘ 미리보기는 프리텐다드

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

+안녕 멜로디B=본문용

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

고요한 밤, 오래된 책을 펼치다

함초롬바탕은 제목으로 단정하고 안정적이지만, 안녕 멜로디는 손글씨 디스플레이 폰트라 긴 본문 가독성이 크게 떨어집니다.

분위기: 함초롬바탕의 단정한 전통 세리프 인상과 안녕 멜로디의 가볍고 귀여운 손글씨 톤이 충돌해 일관된 분위기를 만들기 어렵습니다.
대비·계층: 세리프 vs 핸드라이팅이라는 구조적 대비는 강하지만 위계라기보다는 톤 충돌에 가까워 정보 계층 표현이 모호합니다.
추천 용도: 감성 굿즈 패키지의 제목·캡션어린이·교육 도서 표지이벤트 카드·청첩장 보조SNS 감성 콘텐츠 단문

어울리는 영문 폰트

제목EB GaramondPlayfair DisplayLoraSource Serif

본문CaveatPatrick Hand

함초롬바탕의 클래식 세리프 골격에는 가라몬드 계열 세리프가 자연스럽고, 본문 안녕 멜로디에는 손글씨 라틴이 톤을 맞춥니다.

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

36~44px

24~28px

본문

17~19px

line-height

1.7

어울리는 색상

#3a2e2a

#c98a5b

#f6f0e6

어울리는 산업 톤

감성 라이프스타일어린이·교육 따뜻수공예·핸드메이드

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