한글 페어링 · 큐레이션

한컴 말랑말랑+코트라 희망

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

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

A:한컴 말랑말랑· 제작 한컴|B:코트라 희망· 제작 코트라

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

평가 결과 · 2개 케이스

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

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

62제목 한컴 말랑말랑 · 본문 코트라 희망

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

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

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

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

오늘도 말랑한 하루를 보냅니다

말랑말랑은 부드러운 곡선으로 제목에서 친근하게 시선을 끌고, 코트라 희망은 본문에서 차분하게 읽히지만 장문에서는 다소 개성이 강할 수 있습니다.

분위기: 한컴 말랑말랑의 둥글고 친근한 인상이 코트라 희망의 서정적인 세리프 본문과 만나 따뜻하고 인간적인 톤을 형성합니다.
대비·계층: 산세리프 vs 세리프 구조 대비는 명확하나 두 폰트 모두 부드러운 인상이라 위계 강조를 위해 굵기 차이(700 vs 400)를 적극 활용해야 합니다.
추천 용도: 교육 콘텐츠 표지어린이·가족 브랜드 웹사이트지자체 캠페인 리플렛에세이 매거진 헤드라인

어울리는 영문 폰트

제목QuicksandNunitoManrope

본문LoraSource Serif

말랑말랑의 둥근 곡선은 Quicksand·Nunito 같은 라운드 산세리프와 자연스럽게 어울리고, 코트라 희망은 부드러운 세리프인 Lora와 본문 톤이 일치합니다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#3d5a3d

#e8a87c

#faf6ef

어울리는 산업 톤

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

58제목 코트라 희망 · 본문 한컴 말랑말랑

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

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

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

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

오늘도 따뜻한 마음으로 하루를 시작합니다

말랑말랑은 둥근 형태로 본문 가독성이 좋으나 장문에서는 다소 캐주얼하게 보일 수 있고, 코트라 희망은 제목 크기에서 또렷하게 인지됩니다.

분위기: 한컴 말랑말랑이 부드럽고 친근한 본문 분위기를 만들고, 코트라 희망이 따뜻한 세리프 제목으로 정서적 무게를 더합니다.
대비·계층: 산세리프 본문과 세리프 제목의 분류 대비는 명확하지만, 두 폰트 모두 부드러운 인상이라 위계 대비는 중간 수준입니다.
추천 용도: 사회공헌 캠페인 브로슈어교육 워크북 본문어린이·가족 대상 출판물공공기관 따뜻한 안내 책자

어울리는 영문 폰트

제목LoraMerriweatherEB Garamond

본문NunitoSource Sans Pro

코트라 희망의 부드러운 세리프 인상에는 곡선이 살아있는 Lora·Merriweather가, 말랑말랑의 둥근 본문에는 Nunito 계열이 잘 맞습니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#3d2c1e

#d4956a

#faf5ec

어울리는 산업 톤

공공기관 따뜻교육 친근사회공헌 캠페인

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