한글 페어링 · 큐레이션

한컴 말랑말랑+프리텐다드

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

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

A:한컴 말랑말랑· 제작 한컴|B:프리텐다드· 제작 길형진

→ 각 폰트 종합 가이드: 한컴 말랑말랑 가이드·프리텐다드 가이드

평가 결과 · 2개 케이스

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

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

74제목 프리텐다드 · 본문 한컴 말랑말랑

프리텐다드B=제목용

제작길형진상업 무료다운로드

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

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

오늘도 따뜻한 이야기를 나눠요.

말랑말랑은 부드러운 곡선으로 짧은 본문이나 캡션에 잘 읽히고, 프리텐다드는 제목에서 또렷한 자형으로 시선을 빠르게 잡아끕니다.

분위기: 한컴 말랑말랑이 본문에서 둥글고 친근한 온기를 전하고, 프리텐다드가 제목에서 깔끔한 모던함으로 균형을 잡습니다.
대비·계층: 곡선 중심의 말랑말랑과 기하학적 그로테스크인 프리텐다드의 형태 대비가 분명해 제목/본문 위계가 자연스럽게 분리됩니다.
추천 용도: 교육·키즈 콘텐츠 본문브랜드 블로그·뉴스레터F&B 메뉴·패키지 설명캠페인 랜딩 본문SNS 카드뉴스

어울리는 영문 폰트

제목InterManropePlus Jakarta SansGeist

본문NunitoQuicksandSource Sans Pro

본문 말랑말랑의 둥근 인상과 어울리도록 부드러운 라틴(Nunito·Quicksand)을 본문에, 제목 프리텐다드와 같은 결의 모던 그로테스크를 제목 영문으로 합성합니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#ff8a5c

#ffd66b

#fff7ec

어울리는 산업 톤

교육 따뜻F&B 친근라이프스타일 캐주얼

74제목 한컴 말랑말랑 · 본문 프리텐다드

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

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

+프리텐다드A=본문용

제작길형진상업 무료다운로드

오늘 하루도 천천히 읽어 내려가요

프리텐다드는 균일한 자폭과 안정적인 x-height로 긴 본문에서 피로감이 적고, 한컴 말랑말랑은 둥근 터미널 덕에 짧은 제목이 시선을 자연스럽게 끈다.

분위기: 프리텐다드의 단정하고 중립적인 본문 위에 한컴 말랑말랑의 둥글고 친근한 제목이 얹혀, 차분한 정보 흐름에 부드러운 강조를 더한다.
대비·계층: 기하학적 중립감의 본문과 둥글둥글한 디스플레이성 제목이 형태 대비를 만들지만, 같은 산세리프 계열이라 위계 차이는 굵기와 사이즈로 충분히 보강해야 한다.
추천 용도: 교육 콘텐츠 본문 페이지어린이·가족 대상 서비스 UI라이프스타일 매거진 칼럼공공기관 안내 리플릿브랜드 블로그 아티클

어울리는 영문 폰트

제목QuicksandNunitoPlus Jakarta SansManrope

본문InterIBM Plex Sans

둥근 한컴 말랑말랑의 제목엔 라운드 터미널을 가진 Quicksand·Nunito가 톤을 맞추고, 본문 프리텐다드는 동일한 모던 지오메트릭 계열인 Inter·IBM Plex Sans와 합성 시 자폭과 x-height가 자연스럽게 정렬된다.

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

32~40px

22~26px

본문

16~18px

line-height

1.65

어울리는 색상

#2d4a3e

#f4a261

#fdf6ec

어울리는 산업 톤

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

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable.css');

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

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