한글 페어링 · 큐레이션

구기+코트라 글로벌

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

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

A:구기· 제작 윤디자인|B:코트라 글로벌· 제작 코트라

→ 각 폰트 종합 가이드: 구기 가이드·코트라 글로벌 가이드

평가 결과 · 2개 케이스

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

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

42제목 구기 · 본문 코트라 글로벌

구기B=제목용

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

+코트라 글로벌A=본문용ⓘ 미리보기는 프리텐다드

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

우아한 보고서와 친근한 제목이 어색하게 만난다.

본문용 세리프 폰트는 적절하나, 제목으로 구기를 사용할 경우 손글씨 특성의 불규칙성으로 인해 짧은 제목도 가독성이 낮아진다. 특히 숫자나 영문 혼용 시 문제 심화.

분위기: 코트라 글로벌의 세리프 우아함과 구기의 손글씨 캐주얼함이 직접적으로 충돌한다. 구기의 친근한 곡선이 코트라 글로벌의 정형적 구조를 약화시켜 톤 일관성이 떨어진다.
대비·계층: 무게(weight) 대비가 모두 400으로 동일하여 시각적 위계가 약하다. 구기의 display 특성만으로는 serif 본문과의 명확한 구분이 어렵다.
추천 용도: 공식 문서·보고서 본문 (코트라 글로벌만 사용)캐주얼한 블로그·일기 (구기만 사용)혼합 사용 시 극도로 제한적 (강조 문구·아이콘 라벨 정도)

어울리는 영문 폰트

제목Playfair DisplayEB GaramondLora

본문Source SerifIBM Plex Serif

코트라 글로벌의 정형적 세리프 특성을 유지하려면 클래식한 세리프 영문 폰트가 필수. 구기와의 페어링은 권장하지 않으므로 본문 폰트 중심으로 영문 선정.

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

32~40px

20~24px

본문

16~18px

line-height

1.65

어울리는 색상

#2c2c2c

#d4a574

#f9f7f4

어울리는 산업 톤

공공기관 신뢰성 (코트라 글로벌 단독)교육·출판 (세리프 본문 활용)

35제목 코트라 글로벌 · 본문 구기

코트라 글로벌B=제목용ⓘ 미리보기는 프리텐다드

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

+구기A=본문용

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

우리의 새로운 비전을 함께 나누고 싶습니다.

구기는 display 폰트로 제목용 고대비·큰 사이즈에 최적화되었으나, 본문 역할 지정으로 인해 긴 문장 가독성이 매우 떨어집니다. 코트라 글로벌 세리프는 제목으로 사용 시 본문과의 명확한 위계 구분이 부족합니다.

분위기: 구기의 장난스럽고 캐주얼한 분위기와 코트라 글로벌의 공식적·신뢰 기반 세리프 톤이 충돌하여 일관된 브랜드 정체성을 형성하기 어렵습니다. 분위기 불일치로 인한 혼란스러운 시각 경험을 초래합니다.
대비·계층: 두 폰트 모두 400 웨이트로 동일하여 weight 대비가 전혀 없고, 분류(display vs serif) 차이만으로는 정보 위계를 효과적으로 표현하기 부족합니다. 제목·본문 간 시각적 구분이 약합니다.
추천 용도: 아동·교육 콘텐츠 (구기의 친근함 활용 시에만 제한적)캐주얼 이벤트 포스터 (분위기 충돌 감수 시)실무 권장 불가 (공식 문서, 웹사이트, 출판물)

어울리는 영문 폰트

제목IBM Plex SerifSource SerifEB Garamond

본문InterRoboto

구기는 display 폰트이므로 본문용 영문 페어링 자체가 부적절합니다. 코트라 글로벌 세리프에 맞춘다면 클래식 세리프 영문(IBM Plex Serif, Source Serif)이 공식성을 강화하며, 본문이 필요하면 중립적 sans(Inter, Roboto)를 별도 추가해야 합니다.

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

불권장 (구기를 본문으로 사용 시 위계 붕괴)px

28~36px

본문

불권장 (display 폰트 본문 사용 금지)px

line-height

1.5

어울리는 색상

#2c3e50

#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;
}