한글 페어링 · 큐레이션

코트라 도약+이순신체

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

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

A:코트라 도약· 제작 코트라|B:이순신체· 제작 아산시

→ 각 폰트 종합 가이드: 코트라 도약 가이드·이순신체 가이드

평가 결과 · 2개 케이스

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

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

58제목 이순신체 · 본문 코트라 도약

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

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

+코트라 도약A=본문용ⓘ 미리보기는 프리텐다드

제작코트라상업 무료다운로드

도약하는 의지로 새 항로를 연다

코트라 도약은 획이 굵고 또렷해 단락 본문으로 무난히 읽히며, 이순신체는 손글씨 특유의 강한 필압으로 짧은 헤드라인에서 시선을 강하게 끕니다.

분위기: 코트라 도약의 진취적이고 단단한 세리프 본문 위에 이순신체의 강인한 붓글씨 제목이 얹혀, 역사적 결의와 도전 정신이 어우러진 무게감 있는 톤을 형성합니다.
대비·계층: 정형 세리프와 붓글씨 캘리그래피라는 구조적 대비가 뚜렷하여 제목·본문 위계는 명확하나, 둘 다 강한 인상이라 자칫 시각적 피로가 생길 수 있습니다.
추천 용도: 공공기관 캠페인 리플릿역사·인물 다큐멘터리 자막지자체 홍보 포스터보훈·기념일 기념 콘텐츠전통 브랜드 스토리 페이지

어울리는 영문 폰트

제목Playfair DisplayEB GaramondIBM Plex Serif

본문Source SerifLora

이순신체의 붓글씨 강세에는 클래식 세리프 디스플레이가 톤을 맞추고, 코트라 도약의 본문에는 부드러운 세리프가 가독성과 격조를 함께 살립니다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#1a1a1a

#a8321f

#f5efe6

어울리는 산업 톤

공공기관 신뢰보훈·역사 캠페인지자체 홍보

42제목 코트라 도약 · 본문 이순신체

코트라 도약A=제목용ⓘ 미리보기는 프리텐다드

제작코트라상업 무료다운로드

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

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

도약하는 대한민국의 새 시대를 열다

코트라 도약은 제목에서 시선을 강하게 끌지만, 손글씨 기반의 이순신체는 본문용으로는 가독성이 떨어져 긴 글에는 부적합합니다.

분위기: 코트라 도약의 굵직한 도약감과 이순신체의 강건한 손글씨 인상이 같은 '웅장함' 톤에 속하나, 둘 다 강한 개성을 지녀 충돌 위험이 있습니다.
대비·계층: 세리프 디스플레이와 핸드라이팅의 형태 대비는 명확하나, 둘 다 강한 캐릭터를 가져 위계보다는 경쟁 구도가 형성될 수 있습니다.
추천 용도: 국가 캠페인 포스터역사·전통 행사 배너다큐멘터리 타이틀기념일 메시지 카드

어울리는 영문 폰트

제목Playfair DisplayEB GaramondIBM Plex Serif

본문LoraSource Serif

코트라 도약의 디스플레이 세리프 인상과 어울리는 클래식·고전 세리프 라틴을 매칭해 격조 있는 위계를 만듭니다.

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

44~56px

26~32px

본문

17~19px

line-height

1.75

어울리는 색상

#1a2a3a

#b8860b

#f5efe6

어울리는 산업 톤

공공기관 신뢰역사·문화 캠페인전통 라이프스타일

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