한글 페어링 · 큐레이션

본고딕+이순신체

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

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

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

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

평가 결과 · 2개 케이스

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

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

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

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

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

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

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

충무공의 정신, 오늘에 새기다

이순신체는 굵직한 획으로 제목에서 시선을 강하게 끌고, 본고딕은 6단계 웨이트와 균형 잡힌 자형으로 긴 본문에서 안정적인 가독성을 보장합니다.

분위기: 이순신체의 굳건한 붓글씨 인상이 본고딕의 단정한 산세리프 위에 얹혀 역사·전통의 무게감과 현대적 정돈감이 공존합니다.
대비·계층: 필서 기반의 캘리그래피 제목과 기하학적 산세리프 본문 간 형태 대비가 뚜렷해 정보 위계가 명확히 분리됩니다.
추천 용도: 지자체 캠페인 포스터역사·문화 콘텐츠 웹사이트기념일·전시 브로슈어공공기관 홍보 영상 타이틀

어울리는 영문 폰트

제목Playfair DisplayEB GaramondMerriweatherIBM Plex Serif

본문Source Sans ProIBM Plex SansInter

제목은 이순신체의 전통 붓 인상을 받쳐줄 세리프 계열이 어울리며, 본문은 본고딕과 같은 어도비 패밀리인 Source Sans Pro로 합성 시 자형 일관성이 가장 자연스럽습니다.

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

44~56px

26~30px

본문

16~18px

line-height

1.65

어울리는 색상

#2b3a2a

#a8742a

#f4ede1

어울리는 산업 톤

공공기관 신뢰역사·문화 헤리티지지역 관광 캠페인

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

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

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

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

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

그날의 바다, 그가 남긴 문장을 다시 읽다

이순신체는 손글씨 계열이라 긴 본문 가독성은 다소 떨어지나 짧은 단락·인용·서간문 형식에서는 정서적 몰입을 줍니다. 본고딕 제목은 어떤 사이즈에서도 또렷합니다.

분위기: 이순신체가 본문에서 손글씨 특유의 묵직한 인장감을 전하고, 본고딕이 제목에서 균형 잡힌 현대 감각으로 무게를 받쳐줍니다.
대비·계층: 손글씨 본문 vs 정제된 산세리프 제목이라는 구조적 대비가 강해 위계는 분명하지만, 본문의 시각적 노이즈가 커서 본고딕 제목 웨이트를 500~700 정도로 절제하는 편이 좋습니다.
추천 용도: 역사·문화 캠페인 본문전시 서문 및 인용구지역 브랜딩 스토리텔링기념일·헌정 페이지

어울리는 영문 폰트

제목InterIBM Plex SansSource Sans ProManrope

본문MerriweatherEB Garamond

본고딕 제목은 Inter·IBM Plex Sans 같은 중립 산세리프와 골격이 잘 맞고, 손글씨 본문은 Merriweather·EB Garamond 같은 세리프와 합쳐 서사적 톤을 유지합니다.

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

32~40px

22~26px

본문

17~19px

line-height

1.75

어울리는 색상

#2b2a26

#8a6a3b

#f4ede1

어울리는 산업 톤

문화·역사 캠페인지자체·공공 스토리텔링박물관·전시 콘텐츠

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