한글 페어링 · 큐레이션

한컴 말랑말랑+이순신체

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

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

A:한컴 말랑말랑· 제작 한컴|B:이순신체· 제작 아산시

→ 각 폰트 종합 가이드: 한컴 말랑말랑 가이드·이순신체 가이드

평가 결과 · 2개 케이스

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

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

58제목 이순신체 · 본문 한컴 말랑말랑

이순신체B=제목용ⓘ 미리보기는 프리텐다드

제작아산시상업 무료다운로드

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

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

잔잔한 바닷바람에 그날의 기억이 실려온다

말랑말랑은 둥근 곡선과 넉넉한 속공간으로 긴 본문에 무난한 가독성을 제공하고, 이순신체는 짧은 헤드라인에서 강한 시선 집중을 유도한다.

분위기: 한컴 말랑말랑의 부드럽고 친근한 본문 위에 이순신체의 강건한 붓글씨 제목이 얹혀, 따뜻함과 결연함이 공존하는 독특한 분위기를 만든다.
대비·계층: 둥근 산세리프 본문과 거친 붓 터치 제목의 형태 대비가 뚜렷해 정보 위계가 명확하지만, 톤 차이가 커서 분량 조절이 필요하다.
추천 용도: 역사·문화 행사 안내 브로슈어 본문지역 축제 웹페이지 소개글교육용 위인 콘텐츠 본문 카피공공기관 캠페인 리플릿

어울리는 영문 폰트

제목Playfair DisplayEB GaramondMerriweather

본문LoraSource Serif

이순신체의 전통적 붓글씨 인상에는 클래식 세리프 제목이 어울리고, 말랑말랑의 부드러운 본문에는 곡선이 살아있는 세리프 본문이 자연스럽게 호응한다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2c3e50

#a8743a

#f5efe6

어울리는 산업 톤

공공기관 신뢰역사·문화 콘텐츠교육 따뜻지역 관광 홍보

42제목 한컴 말랑말랑 · 본문 이순신체

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

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

+이순신체A=본문용ⓘ 미리보기는 프리텐다드

제작아산시상업 무료다운로드

그날의 다짐을 오늘도 적어봅니다

이순신체는 획 변화가 크고 손글씨 특성상 긴 본문 가독성에 불리하며, 말랑말랑은 둥근 형태로 짧은 제목에서는 또렷하지만 본문 길이와 어울리는 묵직함은 부족합니다.

분위기: 이순신체의 비장하고 강직한 붓 손글씨 인상이 본문에 깔리고, 한컴 말랑말랑의 둥글고 귀여운 산세리프가 제목으로 올라와 두 폰트의 정서가 정면 충돌합니다. 톤 일관성이 약해 한 화면에서 어색함이 두드러집니다.
대비·계층: 손글씨 본문 + 둥근 산세리프 제목 구조라 형태 대비는 크지만, 위계가 '강함→부드러움'으로 역전되어 정보 우선순위가 흐려집니다.
추천 용도: 지역 축제 안내 리플릿역사 캠페인 SNS 카드뉴스어린이 대상 위인 학습 교재기념일 포스터 보조 카피

어울리는 영문 폰트

제목QuicksandNunitoPlus Jakarta Sans

본문CaveatKalam

제목 말랑말랑에는 라운드 터미널을 가진 부드러운 산세리프가, 손글씨 이순신체에는 캐주얼 핸드라이팅 라틴이 톤을 맞춰줍니다.

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

32~40px

22~26px

본문

17~19px

line-height

1.7

어울리는 색상

#3b4a6b

#e4a853

#f6f1e7

어울리는 산업 톤

공공·지자체 캠페인역사·문화 교육어린이 학습 콘텐츠

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