한글 페어링 · 큐레이션

구기+코트라 볼드

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

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

A:구기· 제작 윤디자인|B:코트라 볼드· 제작 코트라

→ 각 폰트 종합 가이드: 구기 가이드·코트라 볼드 가이드

평가 결과 · 2개 케이스

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

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

35제목 코트라 볼드 · 본문 구기

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

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

+구기B=본문용

제작윤디자인상업 무료다운로드

우아한 제목과 친근한 본문의 어색한 만남

구기는 본문용 폰트가 아닌 디스플레이 폰트로, 긴 글 읽기에 부적합합니다. 둥근 형태와 높은 x-height로 인해 소문자 구분이 어렵고 연속 독서에 피로를 줍니다.

분위기: 코트라 볼드의 세리프 우아함과 구기의 둥근 캐주얼함이 충돌하여 일관된 톤을 형성하지 못합니다. 두 폰트의 성격이 상반되어 브랜드 정체성이 흐려집니다.
대비·계층: 무게 대비(700 vs 400)는 명확하나, 구조적 대비가 부족합니다. 세리프 vs 둥근 산세리프의 스타일 차이가 위계보다는 불일치를 강조합니다.
추천 용도: 포스터·배너 (두 디스플레이 폰트의 조합이지만 분위기 충돌)제목+부제 (제목만 강조, 본문 불가)짧은 카피 (문장 단위 이상 사용 불가)

어울리는 영문 폰트

제목Playfair DisplayEB GaramondLora

본문InterSource Sans Pro

코트라 볼드의 세리프 우아함과 어울리는 클래식 영문 세리프(Playfair, EB Garamond)를 추천합니다. 구기와의 페어링은 비권장이므로, 대신 명확한 본문용 산세리프(Inter, Source Sans Pro)로 대체하여 위계를 복원해야 합니다.

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

48~56px

28~32px

본문

16~18px

line-height

1.6

어울리는 색상

#2c2c2c

#d4a574

#f9f7f4

어울리는 산업 톤

럭셔리·고급 출판 (코트라만 적용 시)캐주얼 어린이 콘텐츠 (구기만 적용 시)

35제목 구기 · 본문 코트라 볼드

구기A=제목용

제작윤디자인상업 무료다운로드

+코트라 볼드B=본문용ⓘ 미리보기는 프리텐다드

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

공식 안내문을 읽기 어렵습니다.

KOTRA Bold는 700 무게의 디스플레이 세리프로 본문 가독성이 매우 떨어집니다. 긴 문장 읽기에 부적합하며, 구기도 display 분류로 본문용으로는 설계되지 않았습니다.

분위기: 구기의 부드럽고 친근한 곡선미와 KOTRA Bold의 무거운 세리프 디스플레이 톤이 충돌하여 일관된 분위기를 형성하지 못합니다. 구기는 캐주얼·따뜻함을 전달하지만 KOTRA Bold는 공식·권위적 인상을 줍니다.
대비·계층: 두 폰트 모두 display 급 굵기와 개성이 강해 제목-본문 간 명확한 위계 대비가 어렵습니다. 구기 400과 KOTRA Bold 700의 무게 차이는 있으나, 둘 다 화면을 지배하려는 성격으로 보조 역할 구분이 불명확합니다.
추천 용도: 포스터·배너 같은 단문 디스플레이 (두 폰트 모두 본문 부적합)공공기관 공식 문서 (KOTRA Bold의 권위성 활용, 구기는 제목만)매우 제한적인 헤드라인 조합 (실무 권장 낮음)

어울리는 영문 폰트

제목Playfair DisplayManropePlus Jakarta Sans

본문Source Sans ProInter

구기의 친근한 display 톤에는 Playfair Display(우아한 세리프)나 Manrope(현대적 sans)가 어울리며, KOTRA Bold 같은 무거운 세리프와 조합할 경우 Source Sans Pro 같은 중립적 sans-serif가 균형을 맞춥니다.

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

36~44px

20~24px

본문

14~16px

line-height

1.5

어울리는 색상

#2c2c2c

#d4a574

#f9f7f4

어울리는 산업 톤

공공기관 공식성전시·문화 이벤트

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

폰트의 공식 CDN을 자동 매핑. 그대로 복사해서 프로젝트에 붙여 넣으세요.

@import url('https://fonts.googleapis.com/css2?family=Gugi&display=swap');

/* 제목 */
h1, h2, h3 {
  font-family: 'Gugi', sans-serif;
}

/* 본문 */
body, p {
  font-family: 'Pretendard Variable', sans-serif;
}