한글 페어링 · 큐레이션

한컴 말랑말랑+코트라 볼드

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

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

A:한컴 말랑말랑· 제작 한컴|B:코트라 볼드· 제작 코트라

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

평가 결과 · 2개 케이스

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

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

62제목 코트라 볼드 · 본문 한컴 말랑말랑

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

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

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

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

오늘도 다정한 이야기로 하루를 채워봅니다.

말랑말랑은 둥근 종결로 본문 가독성이 양호하지만 장문에서는 다소 캐주얼하게 보일 수 있고, KOTRA 볼드는 굵은 세리프로 제목에서 시선을 강하게 잡아끕니다.

분위기: 한컴 말랑말랑의 둥글고 친근한 본문 위에 KOTRA 볼드의 단단한 세리프 제목이 얹혀, 따뜻함과 권위감이 공존하는 다소 이질적인 톤을 형성합니다.
대비·계층: 둥근 산세리프 본문과 각진 볼드 세리프 제목 간 형태·웨이트 대비가 분명해 정보 위계는 명확하나, 성격 차이가 커서 일체감보다는 대조 효과가 두드러집니다.
추천 용도: 교육 기관 안내 브로슈어공공 캠페인 리플릿 본문친근한 사보·소식지어린이·가족 대상 출판물지역 행사 안내문

어울리는 영문 폰트

제목Playfair DisplayMerriweatherIBM Plex Serif

본문NunitoSource Sans Pro

제목은 KOTRA 볼드의 클래식한 세리프 무게감에 맞춰 전통적 세리프 패밀리로, 본문은 말랑말랑의 둥근 인상과 어울리는 부드러운 산세리프로 매칭했습니다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2a28

#c97b4a

#f7f1e8

어울리는 산업 톤

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

42제목 한컴 말랑말랑 · 본문 코트라 볼드

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

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

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

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

수출 현장에서 길어 올린 단단한 이야기

코트라 볼드는 700 단일 웨이트의 디스플레이 성격이라 긴 본문에는 부담스럽고 피로감을 유발합니다. 제목으로 올라간 한컴 말랑말랑은 둥근 형태 덕에 첫인상은 부드럽게 들어옵니다.

분위기: 코트라 볼드의 진중하고 공적인 인상과 한컴 말랑말랑의 둥글고 친근한 분위기가 톤에서 충돌합니다. 본문이 무거운 세리프 볼드라 페이지 전체가 압박감을 줍니다.
대비·계층: 본문이 굵은 세리프, 제목이 라운드 산세리프로 형태 대비는 크지만 본문이 더 무거워 위계가 역전되는 인상을 줍니다.
추천 용도: 공공기관 홍보 리플릿 인용문 강조교육 자료의 핵심 본문 발췌전시·캠페인 안내문행사 초대장 짧은 단락

어울리는 영문 폰트

제목ManropePlus Jakarta SansQuicksand

본문Source SerifMerriweather

본문 세리프의 무게감에는 굵기를 가진 라틴 세리프가 자연스럽고, 라운드 산세리프 제목에는 둥근 곡선을 공유하는 휴머니스트 산세리프가 인상을 일치시킵니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2b2b

#d97559

#f4ede2

어울리는 산업 톤

공공기관 신뢰교육 따뜻문화·전시 안내

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