designnews

한글 페어링 · 큐레이션

코트라 볼드+이순신체

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

평가 케이스
2개
평균 점수
40점
관련 페어
6개
A:코트라 볼드· 제작 코트라|B:이순신체· 제작 아산시

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

평가 결과 · 2개 케이스

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

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

42제목 코트라 볼드 · 본문 이순신체
코트라 볼드A=제목용ⓘ 미리보기는 프리텐다드
제작코트라상업 무료다운로드
+이순신체B=본문용ⓘ 미리보기는 프리텐다드
제작아산시상업 무료다운로드
역사 속 위인의 리더십을 배우다

이순신체는 손글씨 특성상 긴 본문 읽기에 피로도가 높고, 문자 간 일관성이 낮아 가독성이 떨어진다. 코트라 볼드는 디스플레이 폰트로 제목에는 강렬하지만 본문용으로는 과도하게 무겁다.

분위기
코트라 볼드의 세련된 세리프 디스플레이와 이순신체의 손글씨 감성이 톤 충돌을 일으킨다. 전자는 고급스럽고 공식적이며, 후자는 친근하고 캐주얼하여 일관된 브랜드 인상을 형성하기 어렵다.
대비·계층
무게(700 vs 400/700)와 분류(serif display vs handwriting)의 대비는 명확하지만, 구조적 차이가 너무 커서 정보 위계보다는 시각적 부조화를 강조한다.
추천 용도
공공기관 공식 문서 (제목만 코트라 볼드 활용)손글씨 감성이 필요한 이벤트 포스터 (이순신체 제목용 재배치)역사·문화 관련 디스플레이 (두 폰트의 대비를 의도적으로 활용)

어울리는 영문 폰트

제목Playfair DisplayEB GaramondSource Serif Pro
본문InterSource Sans Pro

코트라 볼드의 세리프 디스플레이 톤에는 고급스러운 세리프 영문(Playfair, EB Garamond)이 어울리며, 이순신체 본문용으로는 중립적이고 읽기 편한 산세리프(Inter, Source Sans Pro)가 필요하다. 두 폰트 페어 자체의 톤 충돌을 영문으로 완화하기 어려우므로 각각 독립적으로 매칭하는 것이 권장된다.

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

h1
44~56px
h2
26~32px
본문
15~17px
line-height
1.7

어울리는 색상

#2c2416
#d4a574
#f9f6f0

어울리는 산업 톤

공공기관 신뢰성문화유산 존중
38제목 이순신체 · 본문 코트라 볼드
이순신체A=제목용ⓘ 미리보기는 프리텐다드
제작아산시상업 무료다운로드
+코트라 볼드B=본문용ⓘ 미리보기는 프리텐다드
제작코트라상업 무료다운로드
이순신 장군의 해전 승리를 기념합니다.

이순신체는 제목용 손글씨로 첫눈에 들어오나, 코트라 볼드는 700 weight만 존재하고 디스플레이 분류로 본문 장문 읽기에 부적합하다. 본문 가독성이 심각하게 제한된다.

분위기
이순신체의 손글씨 감성과 코트라 볼드의 견고한 디스플레이 세리프가 톤 충돌을 일으킨다. 손글씨는 친근·캐주얼을 강조하지만, 디스플레이 세리프는 공식·권위적 인상을 주어 일관성이 부족하다.
대비·계층
두 폰트 모두 상대적으로 굵은 무게(400→700, 700 고정)를 가져 명확한 위계 대비를 만들기 어렵다. 손글씨 vs 세리프 구조 차이는 있으나, 무게 선택지 부족으로 정보 계층이 약하다.
추천 용도
공공기관 공식 포스터 (제목만 강조, 본문 최소화)정부 캠페인 배너 (짧은 슬로건 중심)역사·문화 전시 안내문 (이순신 관련 주제 한정)

어울리는 영문 폰트

제목Playfair DisplayEB GaramondLora
본문Source Serif ProIBM Plex Serif

이순신체의 손글씨 역사성과 코트라 볼드의 세리프 공식성을 보완하려면, 클래식 세리프(Playfair, EB Garamond)로 제목 격을 높이고, 본문은 가독성 좋은 세리프(Source Serif, IBM Plex)로 안정감을 더하는 것이 권장된다.

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

h1
48~56px
h2
28~32px
본문
16~18px
line-height
1.6

어울리는 색상

#2c2416
#d4a574
#f9f6f0

어울리는 산업 톤

공공기관 신뢰역사·문화 권위

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

관련 페어 · 같은 폰트 포함

코트라 볼드 또는 이순신체 들어간 다른 인기 페어