한글 페어링 · 큐레이션

안녕 멜로디+코트라 글로벌

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

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

A:안녕 멜로디· 제작 구글 한글 폰트|B:코트라 글로벌· 제작 코트라

→ 각 폰트 종합 가이드: 안녕 멜로디 가이드·코트라 글로벌 가이드

평가 결과 · 2개 케이스

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

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

42제목 안녕 멜로디 · 본문 코트라 글로벌

안녕 멜로디B=제목용

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

+코트라 글로벌A=본문용ⓘ 미리보기는 프리텐다드

제작코트라상업 무료다운로드

공식 문서는 신뢰할 수 있는 글씨로 읽어야 합니다.

코트라 글로벌은 본문용 세리프로 충분히 가독성이 있으나, 안녕 멜로디는 제목으로 사용 시 손글씨 특성상 긴 문장에서 가독성이 급격히 저하된다.

분위기: 코트라 글로벌의 차분한 세리프와 안녕 멜로디의 캐주얼한 손글씨체가 분위기 충돌을 일으킨다. 공식·신뢰 톤과 친근·장난스러운 톤이 혼재되어 일관성이 떨어진다.
대비·계층: 무게(weight) 대비는 둘 다 400으로 약하며, 분류 대비(serif vs handwriting display)는 극단적이어서 정보 위계보다는 부조화가 두드러진다.
추천 용도: 아동·교육용 콘텐츠 (친근함이 필요한 경우만 제한적 사용)캐주얼 블로그 또는 개인 브랜드 (공식성이 낮은 경우)이벤트 포스터 (제목 강조 필요 시, 본문은 별도 폰트 권장)

어울리는 영문 폰트

제목Playfair DisplayAbril FatfaceFredoka One

본문Source Serif ProLora

코트라 글로벌 세리프의 공식성을 유지하려면 클래식 세리프 영문(Source Serif Pro, Lora)을 조합하고, 제목은 안녕 멜로디의 캐주얼함을 보완할 디스플레이 세리프(Playfair Display)나 손글씨 느낌의 폰트(Fredoka One)를 별도로 고려하는 것이 낫다.

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

36~44px

22~26px

본문

16~18px

line-height

1.65

어울리는 색상

#2c2c2c

#d4a574

#f9f7f4

어울리는 산업 톤

공공기관 공식 문서 (세리프 신뢰성)교육 친근성 (손글씨 요소)

28제목 코트라 글로벌 · 본문 안녕 멜로디

코트라 글로벌B=제목용ⓘ 미리보기는 프리텐다드

제작코트라상업 무료다운로드

+안녕 멜로디A=본문용

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

공식 문서에는 세리프가 어울리지만 손글씨 본문은 부적합합니다.

안녕 멜로디는 본문용 폰트로 설계되지 않았으며, 손글씨 특성상 긴 텍스트 읽기에 피로도가 높습니다. 코트라 글로벌은 제목으로 사용하기에 무게감이 부족하고 세리프 구조가 소제목 역할에 적합하지 않습니다.

분위기: 안녕 멜로디의 친근하고 캐주얼한 손글씨 감성과 코트라 글로벌의 정중한 세리프 격식이 충돌하여 일관된 브랜드 톤을 형성하지 못합니다.
대비·계층: 두 폰트 모두 400 웨이트로 동일하여 제목과 본문 간 명확한 시각적 위계가 형성되지 않습니다. 손글씨 vs 세리프의 구조적 차이만으로는 정보 계층을 효과적으로 표현할 수 없습니다.
추천 용도: 캐주얼 이벤트 포스터 (제목과 본문 역할 재설정 필요)아동 교육 자료 (손글씨 친근성 활용, 세리프 제목 제거)공식 문서 (코트라 글로벌 단독 사용 권장)

어울리는 영문 폰트

제목Playfair DisplayEB GaramondLora

본문InterSource Sans Pro

안녕 멜로디의 손글씨 감성을 살리려면 디스플레이 세리프(Playfair Display)가 우아함을 더하고, 본문은 명확한 sans-serif(Inter)로 가독성을 확보해야 합니다.

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

32~40px

20~24px

본문

14~16px

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: 'Hi Melody', sans-serif;
}

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