한글 페어링 · 큐레이션

안녕 멜로디+나눔고딕

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

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

A:안녕 멜로디· 제작 구글 한글 폰트|B:나눔고딕· 제작 네이버

→ 각 폰트 종합 가이드: 안녕 멜로디 가이드·나눔고딕 가이드

평가 결과 · 2개 케이스

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

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

68제목 안녕 멜로디 · 본문 나눔고딕

안녕 멜로디A=제목용

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

+나눔고딕B=본문용

제작네이버상업 무료다운로드

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

제목의 안녕 멜로디는 짧은 문구에서 시선을 모으는 힘이 좋고, 나눔고딕은 본문에서 안정적인 가독성을 제공해 긴 글에도 무리가 없습니다.

분위기: 안녕 멜로디의 둥글고 사랑스러운 손글씨 인상을 나눔고딕의 단정한 산세리프가 차분히 받쳐주어, 친근하면서도 정돈된 톤을 만듭니다.
대비·계층: 손글씨 디스플레이와 정형 산세리프의 형태 대비가 뚜렷해 위계가 자연스럽게 형성되지만, 두 폰트 모두 단일 웨이트 중심이라 서브 위계는 색·크기로 보완해야 합니다.
추천 용도: 어린이·교육 콘텐츠 표지카페·베이커리 메뉴판감성 SNS 카드뉴스이벤트 초대장 웹페이지라이프스타일 블로그 배너

어울리는 영문 폰트

제목CaveatPatrick HandShadows Into LightKalam

본문Source Sans ProIBM Plex SansNunito

제목은 안녕 멜로디의 손글씨 결을 살리는 친근한 라틴 핸드라이팅과 매칭하고, 본문은 나눔고딕의 균질한 산세리프 톤에 맞춰 중립적이고 둥근 인상의 영문 산세리프로 안정감을 더합니다.

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

44~56px

26~32px

본문

16~18px

line-height

1.7

어울리는 색상

#ff7a9c

#ffd66b

#fff8f0

어울리는 산업 톤

교육 따뜻F&B 친근라이프스타일 감성키즈·패밀리 브랜드

42제목 나눔고딕 · 본문 안녕 멜로디

나눔고딕A=제목용

제작네이버상업 무료다운로드

+안녕 멜로디B=본문용

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

오늘 하루도 수고 많았어요

나눔고딕은 제목으로 충분히 또렷하게 읽히지만, 안녕 멜로디는 손글씨 디스플레이 폰트라 긴 본문에는 가독성이 크게 떨어집니다. 짧은 캡션·인용구 정도로만 본문 사용을 권장합니다.

분위기: 나눔고딕의 단정하고 중립적인 인상이 안녕 멜로디의 둥글고 감성적인 손글씨와 톤이 충돌합니다. 제목은 정보 전달, 본문은 감성 표현으로 갈라져 일관성이 약합니다.
대비·계층: 산세리프 제목 vs 손글씨 본문이라는 구조 대비는 분명하지만, 두 폰트의 성격이 너무 달라 위계보다는 이질감으로 읽힐 위험이 있습니다.
추천 용도: 어린이·교육 콘텐츠 표지감성 이벤트 페이지 짧은 카피SNS 카드뉴스 제목+감성 멘트초대장·축하 카드

어울리는 영문 폰트

제목InterRobotoIBM Plex SansManrope

본문CaveatPatrick Hand

나눔고딕은 구조가 명료한 산세리프와 자연스럽게 합성되고, 안녕 멜로디는 둥근 손글씨 영문과 매칭해야 톤이 유지됩니다.

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

36~44px

24~28px

본문

18~20px

line-height

1.7

어울리는 색상

#2b2b2b

#ffb4a2

#fdf6ec

어울리는 산업 톤

교육 따뜻유아·키즈 친근감성 이벤트·축하

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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