한글 페어링 · 큐레이션

한컴 말랑말랑+코트라 도약

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

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

A:한컴 말랑말랑· 제작 한컴|B:코트라 도약· 제작 코트라

→ 각 폰트 종합 가이드: 한컴 말랑말랑 가이드·코트라 도약 가이드

평가 결과 · 2개 케이스

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

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

62제목 코트라 도약 · 본문 한컴 말랑말랑

코트라 도약B=제목용ⓘ 미리보기는 프리텐다드

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

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

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

오늘도 작은 이야기가 마음에 닿습니다.

말랑말랑은 라운드 처리가 강해 짧은 본문·캡션에는 친근하게 읽히나 장문에서는 다소 가벼운 인상이 있다. 도약은 굵은 획으로 제목 시인성이 매우 높다.

분위기: 한컴 말랑말랑의 둥글고 친근한 인상이 본문을 부드럽게 이끌고, 코트라 도약의 굵고 단단한 세리프가 제목에서 강한 단언을 던지는 대비형 페어다.
대비·계층: 둥근 산세리프 본문과 묵직한 세리프 제목의 형태·웨이트 대비가 분명해 위계는 잘 구분되지만, 톤 차이가 커서 디자인 균형 잡기에는 신중함이 필요하다.
추천 용도: 교육 콘텐츠 본문캠페인 리플릿아동·가족 대상 안내문브랜드 스토리 페이지사내 뉴스레터

어울리는 영문 폰트

제목Playfair DisplayEB GaramondMerriweather

본문NunitoSource Sans Pro

도약의 묵직한 세리프 인상에는 클래식한 라틴 세리프가, 말랑말랑의 둥근 본문에는 라운드 산세리프가 톤을 일관되게 이어준다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2118

#d8a25e

#f7f1e6

어울리는 산업 톤

교육 따뜻라이프스타일 매거진공공기관 친근

58제목 한컴 말랑말랑 · 본문 코트라 도약

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

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

+코트라 도약B=본문용ⓘ 미리보기는 프리텐다드

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

말랑말랑한 마음으로 오늘을 시작해요

말랑말랑은 둥근 곡선으로 제목에서 시선을 부드럽게 끌어주지만, 코트라 도약은 디스플레이 성격이 강해 긴 본문 가독성이 표준 본문 세리프 대비 떨어집니다.

분위기: 한컴 말랑말랑의 둥글고 친근한 인상이 제목을 이끌고, 코트라 도약의 강건한 세리프 본문이 무게감을 더해 톤 충돌이 다소 발생합니다.
대비·계층: 둥근 산세리프 제목 vs 강건한 세리프 본문이라는 구조적 대비는 뚜렷하나, 두 폰트 모두 개성이 강해 위계보다 충돌로 읽힐 수 있습니다.
추천 용도: 캠페인 포스터 제목공공기관 친근 안내물어린이·교육 브로슈어지역 행사 리플렛

어울리는 영문 폰트

제목QuicksandManropePlus Jakarta SansNunito

본문LoraSource Serif

말랑말랑의 둥근 형태에는 곡선이 부드러운 산세리프가 어울리고, 코트라 도약의 강건한 세리프에는 본문용 세리프가 무게감을 이어줍니다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2b3a55

#e8a87c

#f6f1e7

어울리는 산업 톤

교육 따뜻공공기관 친근지역 캠페인F&B 친근

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

/* 한컴 말랑말랑 또는 코트라 도약의 공식 CDN이 없어 Pretendard로 fallback 처리 */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable.min.css');

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

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