한글 페어링 · 큐레이션

코트라 도약+이순신체

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

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

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

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

평가 결과 · 2개 케이스

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

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

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

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

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

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

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

도약하는 한국 경제, 손글씨로 마음을 전하다

이순신체는 손글씨 특성상 본문 장문 읽기에 피로도가 높으며, 작은 사이즈에서 글자 간 구분이 불명확할 수 있다. 코트라 도약은 제목용으로는 충분하나 serif 특성상 웹 본문에서 최적화 필요.

분위기: 코트라 도약의 세련된 serif 품격과 이순신체의 손글씨 감성이 톤 충돌을 일으킨다. 공식 문서나 브랜드 정체성에서 일관된 분위기 형성이 어렵다.
대비·계층: serif 제목과 handwriting 본문의 구조적 대비는 명확하지만, 분위기 차이가 커서 정보 위계보다 '어색함'이 먼저 인식된다. weight 옵션 부족(이순신체 700만 가능)으로 세부 강조 어려움.
추천 용도: 아산시 공공 캠페인·홍보물 (지역성·친근감 강조 시)문화유산·역사 관련 에디토리얼 (이순신 테마 한정)비공식 블로그·개인 출판물 (톤 충돌 용인 가능)

어울리는 영문 폰트

제목MerriweatherEB GaramondLora

본문InterSource Sans Pro

코트라 도약의 serif 품격에는 전통적 serif 영문(Merriweather, EB Garamond)이 어울리고, 이순신체의 handwriting 특성을 보완하려면 명확한 sans-serif(Inter, Source Sans Pro)로 대비를 강화해야 한다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2c3e50

#d4a574

#f9f7f4

어울리는 산업 톤

공공기관 지역성문화유산 보존

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

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

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

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

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

이순신 장군의 해전 승리는 한국 해양사의 전환점이었다.

본문용 도약은 serif로 긴 글 가독성이 우수하나, 제목으로 쓸 이순신체는 handwriting 특성상 큰 사이즈에서 획 굵기 변화와 필기감이 강해 정보 전달 명확성이 떨어진다.

분위기: 코트라 도약의 고전적이고 차분한 serif 인상과 이순신체의 손글씨 특성이 분위기 충돌을 일으킨다. 도약은 공식·신뢰의 톤이고 이순신체는 개인적·감정적 톤으로, 일관된 브랜드 정체성을 형성하기 어렵다.
대비·계층: 두 폰트 모두 400 weight 기본값이고, 이순신체가 700을 제공하더라도 serif와 handwriting의 구조적 차이만으로는 시각적 위계가 약하다. 제목-본문 간 대비가 명확하지 않아 정보 구조화가 불충분하다.
추천 용도: 역사·문화 교육 자료 (이순신체의 역사성과 도약의 신뢰성 결합 가능)공공기관 공식 문서 (도약의 격식성이 주도, 제목은 제한적)박물관·기념관 안내 (역사적 맥락에서만 제한적 활용)

어울리는 영문 폰트

제목Playfair DisplayEB GaramondLora

본문Source SerifMerriweather

코트라 도약이 serif 본문 폰트이므로, 영문도 serif 계열로 통일하는 것이 일관성 있다. 이순신체의 handwriting 특성은 영문 pairing에서 제외하고, serif 제목 폰트로 보완하는 것이 실무적이다.

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

32~40px

20~24px

본문

16~18px

line-height

1.65

어울리는 색상

#2c2c2c

#8b7355

#f5f1eb

어울리는 산업 톤

공공기관 신뢰역사·문화 교육

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