한글 페어링 · 큐레이션

한컴 말랑말랑+나눔바른고딕

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

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

A:한컴 말랑말랑· 제작 한컴|B:나눔바른고딕· 제작 네이버

→ 각 폰트 종합 가이드: 한컴 말랑말랑 가이드·나눔바른고딕 가이드

평가 결과 · 2개 케이스

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

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

78제목 한컴 말랑말랑 · 본문 나눔바른고딕

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

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

+나눔바른고딕B=본문용

제작네이버상업 무료다운로드

오늘도 당신의 하루를 응원합니다

말랑말랑은 라운드 처리로 제목에서 시선을 부드럽게 잡아끌고, 나눔바른고딕은 균형 잡힌 자폭으로 긴 본문 읽기에 안정적이다.

분위기: 한컴 말랑말랑의 둥글고 친근한 인상이 나눔바른고딕의 단정한 본문 톤과 만나 따뜻하면서도 정돈된 분위기를 만든다.
대비·계층: 둥근 디스플레이성 제목과 곧은 휴머니스트 산세리프 본문이라는 형태 대비로 위계가 분명하며, 700/400 웨이트 차이로 강조가 충분히 살아난다.
추천 용도: 교육 콘텐츠 웹페이지어린이·가족 대상 브랜드 브로슈어병원·복지 안내물라이프스타일 매거진 섹션 헤더캠페인 랜딩 페이지

어울리는 영문 폰트

제목QuicksandNunitoManrope

본문InterSource Sans Pro

Quicksand·Nunito의 둥근 터미널이 말랑말랑의 라운드 인상과 자연스럽게 맞물리고, 본문은 Inter 계열의 중립적 균형이 나눔바른고딕의 정돈된 톤을 보강한다.

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

36~44px

22~26px

본문

16~17px

line-height

1.65

어울리는 색상

#3d5a80

#ee9b6a

#f7f3ec

어울리는 산업 톤

교육 따뜻복지·헬스케어 친근라이프스타일 매거진F&B 친근

68제목 나눔바른고딕 · 본문 한컴 말랑말랑

나눔바른고딕B=제목용

제작네이버상업 무료다운로드

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

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

오늘도 마음을 말랑하게 풀어보세요.

말랑말랑은 둥근 곡선과 넉넉한 자족 덕분에 짧은 본문·캡션에서 친밀감을 주지만, 장문에서는 다소 가벼워 18px 이상 사이즈와 여유 행간 확보가 필요하다. 나눔바른고딕은 깔끔한 골격으로 제목에서 시선을 안정적으로 잡는다.

분위기: 한컴 말랑말랑의 둥글고 친근한 인상이 본문을 부드럽게 이끌고, 나눔바른고딕의 정돈된 제목이 정보의 중심을 잡아준다.
대비·계층: 둥근 말랑말랑 본문과 직선적 나눔바른고딕 제목의 형태 대비는 분명하나, 두 폰트 모두 무게 변화 폭이 좁아 700 weight + 1.4~1.6배 사이즈 차이로 위계를 확실히 줘야 한다.
추천 용도: 어린이·교육 콘텐츠 본문 페이지브랜드 친근감 강조 뉴스레터F&B·라이프스타일 블로그 본문사내 안내문·복지 가이드북캠페인 랜딩페이지 설명 영역

어울리는 영문 폰트

제목InterManropeIBM Plex SansPlus Jakarta Sans

본문Source Sans ProNunito

본문 말랑말랑의 둥근 인상에는 부드러운 곡선의 Nunito·Source Sans Pro가 자연스럽게 합쳐지고, 제목 나눔바른고딕에는 구조가 또렷한 Inter·Manrope가 위계를 강화한다.

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

32~40px

22~26px

본문

17~18px

line-height

1.7

어울리는 색상

#2d2a4a

#ffb5a7

#fbf7f2

어울리는 산업 톤

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

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/NanumBarunGothic/subsets/NanumBarunGothic-dynamic-subset.css');

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

/* 본문 */
body, p {
  font-family: 'Nanum Barun Gothic', sans-serif;
}