한글 페어링 · 큐레이션

푸른전남체+이순신체

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

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

A:푸른전남체· 제작 전라남도|B:이순신체· 제작 아산시

→ 각 폰트 종합 가이드: 푸른전남체 가이드·이순신체 가이드

평가 결과 · 2개 케이스

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

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

62제목 이순신체 · 본문 푸른전남체

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

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

+푸른전남체A=본문용ⓘ 미리보기는 프리텐다드

제작전라남도상업 무료다운로드

남도의 바람이 오늘도 우리 곁에 머문다

푸른전남체는 400 웨이트가 안정적인 자획과 균일한 카운터를 가져 긴 문장 본문에 적합하다. 이순신체는 제목 짧은 구문에 한해 강한 인상을 주지만 긴 문장에는 부적합하다.

분위기: 푸른전남체의 정돈된 산세리프가 본문을 차분히 받치고, 이순신체의 굳센 손글씨가 제목에서 역사적 결기를 더한다. 지역성과 한국적 정서가 일관된 톤으로 묶인다.
대비·계층: 산세리프 본문과 손글씨 제목의 장르 대비가 뚜렷해 위계 구분이 명확하다. 다만 이순신체의 강한 개성이 본문 푸른전남체의 정직함을 압도할 수 있어 제목 크기·여백 조정이 필요하다.
추천 용도: 지자체 캠페인 본문 페이지역사·문화 기획전 도록지역 관광 브로슈어공공 행사 안내 책자교육 자료 본문

어울리는 영문 폰트

제목Playfair DisplayEB GaramondMerriweather

본문Source Sans ProIBM Plex Sans

이순신체의 손글씨 결을 받아낼 클래식 세리프 영문이 제목에 어울리고, 본문 푸른전남체에는 중성적이고 균일한 산세리프가 가독성을 보존한다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#1f3a5f

#c9962b

#f4ede2

어울리는 산업 톤

공공기관 신뢰지역 관광 문화역사 교육 따뜻

52제목 푸른전남체 · 본문 이순신체

푸른전남체A=제목용ⓘ 미리보기는 프리텐다드

제작전라남도상업 무료다운로드

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

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

남도의 바람, 그 길을 따라

푸른전남체는 제목에서 또렷하게 읽히지만, 이순신체는 손글씨 특성상 긴 본문에는 부담이 있어 짧은 문단·인용구에 한정하는 편이 적절하다.

분위기: 푸른전남체의 단정한 고딕 인상이 이순신체의 강건한 손글씨 톤과 만나 향토적이면서도 묵직한 분위기를 만든다. 다만 두 폰트 모두 지역·역사 색채가 강해 일반 콘텐츠에는 조심스럽게 써야 한다.
대비·계층: 기하학적 고딕(제목) vs 붓기 있는 손글씨(본문)의 구조적 대비는 뚜렷하나, 본문 폰트의 시각 무게가 커서 위계가 흐려질 수 있다.
추천 용도: 지자체 캠페인 포스터역사·문화 전시 브로슈어지역 관광 안내물기념일·헌정 콘텐츠 표지

어울리는 영문 폰트

제목InterIBM Plex SansManropeHelvetica Neue

본문LoraEB Garamond

푸른전남체의 정돈된 고딕 골격에는 중립적 산세리프가 자연스럽고, 이순신체의 손글씨 톤에는 인간미가 있는 세리프가 본문 분위기를 보완한다.

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

36~44px

24~28px

본문

17~19px

line-height

1.7

어울리는 색상

#1f3a4d

#c46a3b

#f3ece1

어울리는 산업 톤

공공기관 신뢰지역 관광 향토역사·문화 캠페인

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