한글 페어링 · 큐레이션

안녕 멜로디+나눔스퀘어

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

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

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

→ 각 폰트 종합 가이드: 안녕 멜로디 가이드·나눔스퀘어 가이드

평가 결과 · 2개 케이스

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

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

45제목 안녕 멜로디 · 본문 나눔스퀘어

안녕 멜로디A=제목용

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

+나눔스퀘어B=본문용

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

따뜻한 봄날, 새로운 시작을 함께하세요.

안녕 멜로디는 제목용 디스플레이 폰트로 첫눈에 들어오지만, 필기체 특성상 짧은 제목에만 적합하다. 나눔스퀘어 300은 본문 가독성이 우수하나 두 폰트 간 시각적 위계 대비가 약하다.

분위기: 안녕 멜로디의 친근하고 장난스러운 필기체 분위기가 나눔스퀘어의 기하학적이고 차분한 산세리프와 충돌한다. 두 폰트가 추구하는 톤이 상이하여 일관된 브랜드 정체성을 형성하기 어렵다.
대비·계층: 안녕 멜로디(400)와 나눔스퀘어(300~400)의 무게 차이가 미미하고, 스타일(필기체 vs 기하학적 산세리프)이 다르지만 이것이 명확한 정보 위계보다는 어색한 혼합으로 느껴진다.
추천 용도: 어린이·유아 교육 콘텐츠 (친근한 제목 필요)캐주얼 라이프스타일 블로그 (톤 불일치 감수 시)인사말·인용구 강조 (짧은 필기체 텍스트만)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterSource Sans Pro

안녕 멜로디의 필기체 친근함을 보완하려면 따뜻하고 둥근 산세리프(Manrope, Plus Jakarta Sans)가 적합하다. 나눔스퀘어 본문과는 중립적이고 읽기 좋은 Inter나 Source Sans Pro를 추천한다.

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

48~56px

28~32px

본문

16~17px

line-height

1.6

어울리는 색상

#ff6b9d

#ffc75f

#f5f5f5

어울리는 산업 톤

교육 따뜻라이프스타일 캐주얼

35제목 나눔스퀘어 · 본문 안녕 멜로디

나눔스퀘어A=제목용

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

+안녕 멜로디B=본문용

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

따뜻한 감정을 담은 현대적 디자인

안녕 멜로디는 손글씨 디스플레이 폰트로 긴 본문 가독성이 매우 낮음. 제목용 나눔스퀘어는 명확하지만, 본문으로 사용하기에 부적절.

분위기: 나눔스퀘어의 기하학적·모던함과 안녕 멜로디의 손글씨·감정적 따뜻함이 충돌하여 일관된 톤을 형성하지 못함. 제목-본문 위계가 분위기 대비로 인해 혼란스러움.
대비·계층: 두 폰트의 무게 대비(나눔스퀘어 700/800 vs 안녕 멜로디 400)는 충분하나, 구조적 차이(기하학 vs 손글씨)가 너무 커서 위계보다는 부조화를 야기함.
추천 용도: 어린이 교육 콘텐츠 (제목만 나눔스퀘어, 본문 재검토 필요)감성 브랜딩 (악센트 텍스트용으로만 안녕 멜로디 제한 사용)포스터·배너 (본문 텍스트량 최소화 시)

어울리는 영문 폰트

제목InterRobotoSource Sans Pro

본문LoraMerriweather

나눔스퀨어는 Inter/Roboto 같은 중성 모던 산세리프와 조화. 안녕 멜로디 본문 사용 시 Lora 같은 따뜻한 세리프로 감정톤 보완 필요.

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

36~44px

20~24px

본문

14~16px

line-height

1.6

어울리는 색상

#2c3e50

#e8956e

#f9f7f4

어울리는 산업 톤

어린이 교육·콘텐츠감성 라이프스타일

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Hi+Melody&display=swap');
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/NanumSquare/subsets/NanumSquare-dynamic-subset.css');

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

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