한글 페어링 · 큐레이션

함초롬바탕+이순신체

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

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

A:함초롬바탕· 제작 한컴|B:이순신체· 제작 아산시

→ 각 폰트 종합 가이드: 함초롬바탕 가이드·이순신체 가이드

평가 결과 · 2개 케이스

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

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

68제목 이순신체 · 본문 함초롬바탕

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

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

+함초롬바탕B=본문용ⓘ 미리보기는 프리텐다드

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

필승의 각오로 바다를 지키다

이순신체는 손글씨 특성상 큰 사이즈 제목에서 가장 잘 읽히고, 함초롬바탕은 한글 본문 가독성이 매우 안정적입니다.

분위기: 이순신체의 강건한 붓글씨 인상이 함초롬바탕의 정통 명조와 만나 역사적이고 묵직한 분위기를 형성합니다.
대비·계층: 붓글씨 제목과 정형 명조 본문의 대비가 분명하며, 제목 700과 본문 400 조합 시 위계가 또렷합니다.
추천 용도: 역사 전시 도록지자체 홍보 브로슈어전통문화 행사 포스터기념관 사인물출판 표제지

어울리는 영문 폰트

제목Trajan ProCinzelEB GaramondPlayfair Display

본문EB GaramondSource SerifMerriweather

이순신체의 비문·각자(刻字) 같은 인상은 클래식 세리프 라틴과 어울리고, 함초롬바탕은 가라몬드 계열 본문 세리프와 구조적으로 정합합니다.

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

44~56px

26~32px

본문

16~18px

line-height

1.7

어울리는 색상

#1f2a36

#a8763e

#f2ece1

어울리는 산업 톤

공공기관 신뢰역사·문화 전통박물관·전시 큐레이션

42제목 함초롬바탕 · 본문 이순신체

함초롬바탕A=제목용ⓘ 미리보기는 프리텐다드

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

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

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

고요한 붓끝에서 역사가 깨어난다

함초롬바탕은 제목에서 단아하고 또렷하지만, 이순신체는 굵고 거친 획 특성상 긴 본문에는 가독성이 떨어져 짧은 인용·캐치프레이즈 정도로 한정됩니다.

분위기: 함초롬바탕의 정제된 고전미와 이순신체의 굳센 손글씨 인상이 모두 '전통·역사'라는 키워드로 묶이지만, 정적인 명조와 동적인 필체가 톤의 결을 어긋나게 만듭니다.
대비·계층: 세리프 vs 핸드라이팅이라는 분류 대비는 분명하나, 둘 다 강한 개성을 지녀 위계가 명확하기보다 서로 시각 주목도를 다투는 인상을 줍니다.
추천 용도: 역사·문화 전시 패널전통주·전통식품 패키지사극·다큐 타이틀 그래픽지자체 관광 캠페인

어울리는 영문 폰트

제목EB GaramondSource SerifPlayfair Display

본문LoraMerriweather

함초롬바탕의 고전적 세리프 골격과 어울리는 클래식 세리프 라틴을 매칭해 헤딩의 품격을 유지하고, 본문은 두께감 있는 세리프로 이순신체의 굵은 인상과 균형을 맞춥니다.

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

36~44px

22~26px

본문

17~19px

line-height

1.7

어울리는 색상

#2b1d14

#a8884e

#f4ece0

어울리는 산업 톤

역사·문화 헤리티지공공·지자체 관광전통 F&B 프리미엄

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