한글 페어링 · 큐레이션

EBS 훈민정음 새론+한컴 말랑말랑

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

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

A:EBS 훈민정음 새론· 제작 EBS|B:한컴 말랑말랑· 제작 한컴

→ 각 폰트 종합 가이드: EBS 훈민정음 새론 가이드·한컴 말랑말랑 가이드

평가 결과 · 2개 케이스

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

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

74제목 한컴 말랑말랑 · 본문 EBS 훈민정음 새론

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

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

+EBS 훈민정음 새론B=본문용ⓘ 미리보기는 프리텐다드

제작EBS상업 무료다운로드

오늘도 따뜻한 이야기를 전합니다

제목의 말랑말랑은 친근하게 시선을 끌고, 본문 새론은 획 대비가 절제되어 긴 글에서도 안정적인 가독성을 보입니다.

분위기: 한컴 말랑말랑의 둥글고 부드러운 인상이 EBS 훈민정음 새론의 단정한 명조와 만나 따뜻하고 신뢰감 있는 톤을 형성합니다.
대비·계층: 산세리프 둥근 제목과 세리프 본문의 구조 차이로 위계가 분명하며, 700 웨이트 제목과 300/500 본문의 굵기 대비도 충분합니다.
추천 용도: 교육 콘텐츠 표지어린이·가족 도서공공기관 안내 브로슈어라이프스타일 매거진 칼럼브랜드 스토리 페이지

어울리는 영문 폰트

제목QuicksandNunitoManrope

본문LoraSource Serif

둥근 말랑말랑에는 라운드 터미널을 가진 Quicksand·Nunito가 인상을 맞추고, 새론 본문은 인간미 있는 세리프 Lora와 구조가 통합니다.

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

36~44px

22~28px

본문

16~18px

line-height

1.7

어울리는 색상

#3a2f2a

#d4926a

#f5efe6

어울리는 산업 톤

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

52제목 EBS 훈민정음 새론 · 본문 한컴 말랑말랑

EBS 훈민정음 새론A=제목용ⓘ 미리보기는 프리텐다드

제작EBS상업 무료다운로드

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

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

오늘의 한글, 함께 배워볼까요

새론은 또렷한 세리프 골격으로 제목 가독성이 우수하고, 말랑말랑은 둥근 종결부 덕에 본문에서 부드럽게 읽힙니다.

분위기: EBS 훈민정음 새론의 단정하고 학술적인 명조와 한컴 말랑말랑의 둥글고 친근한 산세리프가 만나 따뜻한 교육적 인상을 만들지만, 두 폰트의 톤이 다소 어긋날 수 있습니다.
대비·계층: 세리프 제목과 둥근 산세리프 본문이라는 구조적 대비는 분명하지만, 새론의 정제된 인상과 말랑말랑의 캐주얼한 인상이 위계를 다소 흐트러뜨립니다.
추천 용도: 어린이·청소년 교육 콘텐츠학습지·워크북 표지와 본문공공 캠페인 안내물도서관·박물관 가족 프로그램키즈 브랜드 패키지

어울리는 영문 폰트

제목EB GaramondLoraSource SerifMerriweather

본문QuicksandNunitoManrope

새론의 단정한 세리프에는 클래식한 라틴 세리프가 어울리고, 말랑말랑의 둥근 본문에는 종결부가 부드러운 휴머니스트 산세리프가 톤을 맞춥니다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#3a4d3a

#e8a87c

#fbf7ef

어울리는 산업 톤

교육 따뜻공공기관 친근키즈·패밀리 라이프스타일

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

/* EBS 훈민정음 새론 또는 한컴 말랑말랑의 공식 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;
}