한글 페어링 · 큐레이션

안녕 멜로디+나눔스퀘어

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

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

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

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

평가 결과 · 2개 케이스

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

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

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

안녕 멜로디A=제목용

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

+나눔스퀘어B=본문용

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

오늘은 달콤한 하루를 보내요

안녕 멜로디는 단문 제목에서 매력이 살아나지만 긴 문장에는 부적합하며, 나눔스퀘어는 본문 가독성이 검증되어 긴 텍스트도 안정적입니다.

분위기: 안녕 멜로디의 둥글고 사랑스러운 손글씨 인상이 제목을 이끌고, 나눔스퀘어의 단정한 기하학적 산세리프가 본문을 정돈해 귀여움과 신뢰감이 공존합니다.
대비·계층: 손글씨 디스플레이와 정형 산세리프의 구조 대비가 뚜렷해 위계는 명확하지만, 안녕 멜로디의 가벼운 획 굵기 탓에 본문 Bold와의 무게 대비는 다소 약합니다.
추천 용도: 어린이·교육 콘텐츠 배너F&B 메뉴 헤드라인SNS 카드뉴스 제목이벤트 프로모션 페이지라이프스타일 블로그 타이틀

어울리는 영문 폰트

제목CaveatPatrick HandShadows Into LightComic Neue

본문InterSource Sans ProIBM Plex Sans

제목엔 안녕 멜로디의 손글씨 결과 맞물리는 캐주얼 핸드라이팅 라틴을, 본문엔 나눔스퀘어의 기하학적 골격에 어울리는 중립적 산세리프를 매칭해 톤 일관성을 유지합니다.

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

40~52px

24~30px

본문

16~18px

line-height

1.65

어울리는 색상

#ff7eb3

#ffd86b

#fff8f1

어울리는 산업 톤

교육 따뜻F&B 친근라이프스타일 캐주얼이벤트 프로모션

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

나눔스퀘어A=제목용

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

+안녕 멜로디B=본문용

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

오늘 하루도 반갑게 인사해요

제목의 나눔스퀘어는 명료하게 잘 읽히지만, 본문에 손글씨체인 안녕 멜로디를 사용하면 긴 문장 가독성이 크게 저하됩니다.

분위기: 나눔스퀘어의 단정한 기하학적 인상과 안녕 멜로디의 동글동글한 손글씨 감성이 서로 다른 방향을 지향하여 톤 일관성이 약합니다.
대비·계층: 산세리프와 손글씨라는 구조 차이로 형태 대비는 분명하나, 위계라기보다 충돌에 가까워 정보 구조가 어수선합니다.
추천 용도: 어린이 교육 콘텐츠 표지캐주얼 이벤트 포스터SNS 카드뉴스 짧은 본문감성 굿즈·문구류 패키지

어울리는 영문 폰트

제목InterManropePlus Jakarta SansGeist

본문CaveatPatrick Hand

나눔스퀘어의 기하학적 산세리프 구조에는 Inter·Manrope 같은 정돈된 라틴이 맞고, 안녕 멜로디의 손글씨 감성에는 Caveat 류의 캐주얼 핸드라이팅 라틴이 자연스럽게 어울립니다.

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

36~44px

24~28px

본문

17~19px

line-height

1.7

어울리는 색상

#ff8a65

#ffd180

#fff8f0

어울리는 산업 톤

교육 따뜻라이프스타일 감성F&B 친근

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