한글 페어링 · 큐레이션

한컴 말랑말랑+노토 산스 KR

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

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

A:한컴 말랑말랑· 제작 한컴|B:노토 산스 KR· 제작 구글·어도비

→ 각 폰트 종합 가이드: 한컴 말랑말랑 가이드·노토 산스 KR 가이드

평가 결과 · 2개 케이스

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

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

78제목 한컴 말랑말랑 · 본문 노토 산스 KR

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

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

+노토 산스 KRB=본문용

제작구글·어도비상업 무료다운로드

오늘은 조금 더 다정한 하루를 보내요

말랑말랑은 둥근 곡선으로 제목에서 시선을 끌며, 노토 산스 KR은 다양한 웨이트와 균형 잡힌 자형으로 긴 본문에서도 안정적인 가독성을 제공합니다.

분위기: 한컴 말랑말랑의 둥글고 친근한 인상이 노토 산스 KR의 중립적이고 안정적인 본문 톤과 부드럽게 어우러집니다.
대비·계층: 둥근 디스플레이성 제목과 정돈된 산세리프 본문이라는 형태 대비가 명확해, 동일 산세리프 계열임에도 정보 위계가 자연스럽게 형성됩니다.
추천 용도: 어린이·교육 콘텐츠 웹사이트F&B 브랜드 랜딩 페이지라이프스타일 앱 온보딩캠페인·이벤트 페이지 제목

어울리는 영문 폰트

제목QuicksandNunitoManropePlus Jakarta Sans

본문InterIBM Plex Sans

말랑말랑의 둥근 종결부와 부드러운 인상은 Quicksand·Nunito 같은 라운드 산세리프와 구조가 일치하고, 본문은 노토 산스 KR과 골격이 유사한 Inter·IBM Plex Sans로 안정감을 확보합니다.

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

36~44px

22~28px

본문

16~17px

line-height

1.65

어울리는 색상

#ff8a65

#ffd7a8

#fff8f1

어울리는 산업 톤

교육 따뜻F&B 친근라이프스타일 매거진육아·키즈 브랜드

68제목 노토 산스 KR · 본문 한컴 말랑말랑

노토 산스 KRB=제목용

제작구글·어도비상업 무료다운로드

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

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

오늘도 작은 마음을 모아 천천히 전합니다.

말랑말랑은 짧은 본문·캡션에 친근감을 주지만 장문에서는 라운드 형태로 인해 피로감이 생길 수 있고, 노토 산스 KR 제목은 어떤 무게에서도 또렷이 읽힌다.

분위기: 한컴 말랑말랑의 둥글고 친근한 인상이 본문을 부드럽게 이끌고, 노토 산스 KR이 제목에서 중립적이고 단정한 무게감을 더한다.
대비·계층: 둘 다 산세리프이지만 말랑말랑의 둥근 라운드와 노토의 기하학적 직선 대비, 그리고 노토의 Bold/Black 활용으로 위계가 충분히 확보된다.
추천 용도: 교육·키즈 콘텐츠 본문F&B 브랜드 상세 페이지사내 뉴스레터캠페인 랜딩 본문SNS 카드뉴스 설명문

어울리는 영문 폰트

제목InterIBM Plex SansManrope

본문NunitoPlus Jakarta Sans

노토 산스 KR 제목은 중립적 산세리프와 구조가 잘 맞고, 말랑말랑 본문은 라운드 터미널을 가진 Nunito 계열과 톤이 자연스럽게 이어진다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2a28

#f4a261

#fff8ee

어울리는 산업 톤

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

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

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

/* 본문 */
body, p {
  font-family: 'Noto Sans KR', sans-serif;
}