한글 페어링 · 큐레이션

본고딕+이순신체

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

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

A:본고딕· 제작 어도비·구글|B:이순신체· 제작 아산시

→ 각 폰트 종합 가이드: 본고딕 가이드·이순신체 가이드

평가 결과 · 2개 케이스

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

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

42제목 본고딕 · 본문 이순신체

본고딕B=제목용ⓘ 미리보기는 프리텐다드

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

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

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

따뜻한 마음으로 쓴 편지처럼 읽혀야 해요.

이순신체는 손글씨 특성상 긴 본문 읽기에 피로도가 높고, 작은 사이즈에서 글자 간 구분이 모호할 수 있습니다. 본고딕은 제목으로 사용할 때 가독성이 우수하지만, 본문용으로는 과도하게 무겁습니다.

분위기: 이순신체의 손글씨 감성과 본고딕의 기하학적 모던함이 충돌하여 일관된 톤을 형성하기 어렵습니다. 손글씨는 따뜻하고 개인적인 인상을 주지만, 본고딕의 차가운 구조성과 어울리지 않습니다.
대비·계층: 무게 대비는 명확하지만(이순신체 400 vs 본고딕 700+), 구조적 차이(필기체 vs 기하학적 산세리프)가 너무 커서 정보 위계보다는 부조화가 두드러집니다.
추천 용도: 개인 블로그·일기 스타일의 감성적 콘텐츠 (제한적)손글씨 감성이 필요한 초대장·감사장 (짧은 텍스트만)캐주얼 브랜드의 악센트 텍스트 (본문 아님)

어울리는 영문 폰트

제목ManropePlus Jakarta SansInter

본문Source Sans ProIBM Plex Sans

본고딕의 기하학적 모더니즘과 어울리는 산세리프 영문 폰트를 권장합니다. 이순신체와의 페어링이 약하므로 본고딕 중심의 라틴 폰트 선택이 필요합니다.

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

36~44px

20~24px

본문

14~16px

line-height

1.7

어울리는 색상

#2c2c2c

#d4a574

#f9f7f4

어울리는 산업 톤

감성 라이프스타일 (제한적)수공예·핸드메이드 (악센트용만)

42제목 이순신체 · 본문 본고딕

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

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

+본고딕B=본문용ⓘ 미리보기는 프리텐다드

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

이순신 장군의 리더십을 배우다

본고딕은 본문 가독성이 우수하나, 이순신체는 손글씨 특성상 제목으로서 긴 텍스트에서 가독성이 떨어진다. 제목 길이가 길어질수록 판독 난이도가 증가한다.

분위기: 이순신체의 손글씨 감성과 본고딕의 기계적 산세리프가 톤 충돌을 일으킨다. 이순신체는 역사적·감정적 무게감을 전달하는 반면, 본고딕은 중립적·현대적 분위기로 일관성 있는 브랜드 톤 형성이 어렵다.
대비·계층: 이순신체(400/700)와 본고딕(100~900)의 무게 대비는 충분하지만, 필기체 vs 산세리프의 구조적 차이가 명확한 위계보다는 불화음을 만든다. 제목-본문 구분은 명확하나 시각적 통일성이 부족하다.
추천 용도: 감정적 브랜드 스토리텔링이 필요한 제목 (한정적)역사·문화 관련 출판물 표지 (특정 맥락)공식 문서·뉴스레터 (비권장)

어울리는 영문 폰트

제목Playfair DisplayEB GaramondLora

본문Source Sans ProInter

이순신체의 역사적·감정적 톤을 보완하려면 serif 계열 디스플레이 폰트(Playfair, EB Garamond)가 우수하며, 본문은 본고딕과 이미 조화로운 Source Sans Pro 계열이 최적이다.

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

36~44px

20~24px

본문

16~17px

line-height

1.6

어울리는 색상

#2c2416

#d4a574

#f9f6f1

어울리는 산업 톤

역사·문화 교육감정 중심 브랜딩 (제한적)

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