한글 페어링 · 큐레이션

한컴 말랑말랑+본명조

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

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

A:한컴 말랑말랑· 제작 한컴|B:본명조· 제작 어도비·구글

→ 각 폰트 종합 가이드: 한컴 말랑말랑 가이드·본명조 가이드

평가 결과 · 2개 케이스

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

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

42제목 한컴 말랑말랑 · 본문 본명조

한컴 말랑말랑B=제목용ⓘ 미리보기는 프리텐다드

제작한컴상업 무료다운로드

+본명조A=본문용

제작어도비·구글상업 무료다운로드

따뜻한 말투로 고전을 이야기하다.

본명조는 본문 가독성이 우수하나, 제목으로 쓰인 말랑말랑의 낮은 대비도와 제한된 무게(400, 700만)로는 명확한 위계 형성이 어렵다.

분위기: 본명조의 고전적·세련된 serif 인상과 한컴 말랑말랑의 부드럽고 친근한 sans 톤이 충돌한다. 한 디자인 내에서 격식과 캐주얼이 혼재되어 일관성이 약하다.
대비·계층: serif vs sans 구조 대비는 있으나, 말랑말랑의 부드러운 곡선과 본명조의 정제된 serif 끝이 시각적으로 어색하게 느껴진다. 무게 선택지 부족으로 중간 계층 표현 제약.
추천 용도: 장편 에세이·문학 출판(본명조 강점 활용, 제목 재검토 필요)캐주얼 블로그·개인 매거진(말랑말랑 톤 활용, 본문 폰트 변경 권장)혼합 톤이 필요한 특수 브랜딩(신중한 색상·레이아웃 보정 필수)

어울리는 영문 폰트

제목ManropePlus Jakarta SansSatoshi

본문Source SerifEB Garamond

본명조(Source Han Serif)는 Adobe·Google의 serif이므로 같은 생태계의 Source Serif Pro와 자연스럽게 어울린다. 말랑말랑의 부드러운 sans 톤을 보완하려면 Manrope나 Plus Jakarta Sans 같은 현대적 sans-serif를 제목에 병행하는 것이 낫다.

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

36~44px

22~26px

본문

16~17px

line-height

1.65

어울리는 색상

#2c2416

#d4a574

#f9f6f1

어울리는 산업 톤

출판·문학 에디토리얼라이프스타일 매거진(톤 재검토 필요)

42제목 본명조 · 본문 한컴 말랑말랑

본명조A=제목용

제작어도비·구글상업 무료다운로드

+한컴 말랑말랑B=본문용ⓘ 미리보기는 프리텐다드

제작한컴상업 무료다운로드

한글 타이포그래피의 아름다움을 발견하다

본명조는 제목용으로 충분히 강렬하고 식별성이 높다. 한컴 말랑말랑은 본문 가독성이 양호하나, serif 제목과의 대조로 인해 시각적 응집력이 떨어진다.

분위기: 본명조의 고전적·격식 있는 serif 인상과 한컴 말랑말랑의 부드럽고 친근한 sans 톤이 충돌한다. 제목-본문 위계는 명확하지만 전체 분위기 일관성이 약하다.
대비·계층: serif(제목) vs sans(본문)의 구조적 대비는 명확하지만, 본명조의 고전미와 말랑말랑의 캐주얼함이 너무 극단적이어서 정보 위계보다 톤 불일치가 두드러진다.
추천 용도: 전통·문화 콘텐츠 (역사 잡지, 고전 문학 출판)하이브리드 톤 매거진 (격식 + 친근 혼합 필요 시)어린이·청소년 교육 출판물 (제목 권위 + 본문 친근)

어울리는 영문 폰트

제목EB GaramondLoraSource Serif Pro

본문InterSource Sans Pro

본명조의 고전 serif 기질에는 EB Garamond·Lora 같은 우아한 serif가 자연스럽다. 말랑말랑의 부드러움과 합성할 때는 중립적 sans(Inter, Source Sans Pro)가 충돌을 완화한다.

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

36~44px

22~26px

본문

16~18px

line-height

1.65

어울리는 색상

#2c2416

#d4a574

#f9f6f1

어울리는 산업 톤

출판·문화 에디토리얼교육 콘텐츠 (따뜻함 + 신뢰)

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;400;600;700;900&display=swap');

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

/* 본문 */
body, p {
  font-family: 'Noto Serif KR', sans-serif;
}