한글 페어링 · 큐레이션

안녕 멜로디+학교안심

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

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

A:안녕 멜로디· 제작 구글 한글 폰트|B:학교안심· 제작 한국교과서연구재단

→ 각 폰트 종합 가이드: 안녕 멜로디 가이드·학교안심 가이드

평가 결과 · 2개 케이스

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

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

42제목 학교안심 · 본문 안녕 멜로디

학교안심A=제목용

제작한국교과서연구재단상업 무료다운로드

+안녕 멜로디B=본문용

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

우리 반 친구들과 함께 배우는 즐거운 시간

학교안심은 제목으로서 명확하고 가독성이 우수하다. 하지만 안녕 멜로디는 손글씨 디스플레이 폰트로 긴 본문 텍스트 읽기에 부적합하며, 작은 크기에서 획 굵기 변화로 인한 피로도가 높다.

분위기: 학교안심의 안정적이고 신뢰감 있는 교육용 톤과 안녕 멜로디의 부드럽고 감정적인 손글씨 톤이 충돌한다. 제목-본문 위계에서 분위기 일관성이 약하다.
대비·계층: 두 폰트 간 구조적 대비는 존재하나(산세리프 vs 핸드라이팅), 제목용 sans의 정형성과 본문용 display의 비정형성이 정보 위계보다는 톤 불일치를 강조한다.
추천 용도: 어린이 교육 콘텐츠 (제목만 학교안심 사용, 본문은 재검토 필수)초등학교 공지사항 포스터 (제목 강조용으로만 제한)따뜻한 톤의 교육 앱 UI (본문 폰트 교체 권장)

어울리는 영문 폰트

제목InterRobotoSource Sans Pro

본문IBM Plex SansSource Sans Pro

학교안심의 교육용 산세리프 톤에는 명확하고 중립적인 영문 산세리프(Inter, Roboto)가 제목으로 적합하며, 본문은 가독성 높은 sans를 유지하되 안녕 멜로디 대신 표준 sans 본문 폰트와 합성하는 것이 권장된다.

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

36~44px

20~24px

본문

14~16px

line-height

1.6

어울리는 색상

#2d5016

#f5a623

#f9f7f4

어울리는 산업 톤

교육 신뢰성초등 친근감

42제목 안녕 멜로디 · 본문 학교안심

안녕 멜로디B=제목용

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

+학교안심A=본문용

제작한국교과서연구재단상업 무료다운로드

새로운 학기가 시작되었어요. 함께 공부해요!

학교안심은 본문 가독성이 우수하나, 안녕 멜로디의 손글씨 스타일 제목은 긴 문장이나 작은 사이즈에서 가독성이 급격히 떨어진다. 제목 역할에 부적합한 폰트 선택이다.

분위기: 학교안심의 중립적·신뢰감 있는 sans-serif와 안녕 멜로디의 친근하고 캐주얼한 handwriting 톤이 충돌한다. 제목이 과도하게 부드러워 정보 위계의 권위감이 약해진다.
대비·계층: 두 폰트의 무게(weight) 대비가 약하다. 학교안심 700과 안녕 멜로디 400의 시각적 차이가 명확하지 않으며, 스타일 대비(sans vs handwriting)만으로는 정보 위계를 충분히 전달하지 못한다.
추천 용도: 어린이·유아 교육 콘텐츠 (캐주얼 톤 허용)초등학교 교과서 보조 자료 (학교안심 원래 용도와 일치)인포그래픽·포스터 (제목 가독성 문제로 제한적)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterSource Sans Pro

학교안심의 중립적 sans-serif 특성에 맞춰 현대적이고 명확한 sans-serif 영문 폰트를 권장한다. 안녕 멜로디의 handwriting 톤은 영문 pairing에서도 일관성 있는 casual serif나 script를 요구하므로 별도 고려 필요.

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

32~40px

20~24px

본문

16~17px

line-height

1.6

어울리는 색상

#2c3e50

#e8b4a8

#f8f6f1

어울리는 산업 톤

교육 따뜻유아용 캐주얼

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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