designnews

한글 페어링 · 큐레이션

빙그레 따옴체+코트라 글로벌

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

평가 케이스
2개
평균 점수
42점
관련 페어
6개
A:빙그레 따옴체· 제작 빙그레|B:코트라 글로벌· 제작 코트라

→ 각 폰트 종합 가이드: 빙그레 따옴체 가이드·코트라 글로벌 가이드

평가 결과 · 2개 케이스

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

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

42제목 빙그레 따옴체 · 본문 코트라 글로벌
빙그레 따옴체B=제목용ⓘ 미리보기는 프리텐다드
제작빙그레상업 무료다운로드
+코트라 글로벌A=본문용ⓘ 미리보기는 프리텐다드
제작코트라상업 무료다운로드
우리는 신선한 유제품으로 건강한 식탁을 만듭니다.

본문용 serif(코트라 글로벌)는 긴 글 읽기에 적합하나, 제목용 display 폰트(빙그레 따옴체)의 과도한 장식성과 낮은 가독성이 정보 위계 전달을 방해함.

분위기
코트라 글로벌의 세련된 serif 정중함과 빙그레 따옴체의 장난스러운 display 캐릭터가 충돌하여 톤의 일관성이 약함. 공식 문서와 캐주얼 브랜딩이 섞인 어색한 분위기 형성.
대비·계층
weight 대비는 충분하지만(400 vs 700), 구조적 대비 부족. 두 폰트의 serif/sans 차이만으로는 명확한 위계를 만들기 어렵고, display 특성이 강해 본문과의 시각적 거리감이 과도함.
추천 용도
식품 브랜드 캐주얼 마케팅 콘텐츠(톤 일관성 낮음)어린이·키즈 제품 카탈로그(serif 본문이 과도함)공공기관 공식 문서(display 제목이 부적절함)

어울리는 영문 폰트

제목ManropePlus Jakarta SansSatoshi
본문Source SerifEB Garamond

코트라 글로벌의 고전적 serif 정중함을 유지하려면 serif 영문(Source Serif, EB Garamond)과 페어링하되, 제목은 현대적 sans(Manrope, Plus Jakarta Sans)로 대비를 명확히 하는 것이 권장됨.

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

h1
36~44px
h2
20~24px
본문
16~17px
line-height
1.65

어울리는 색상

#2c2c2c
#d4a574
#f9f7f4

어울리는 산업 톤

식품·유제품 캐주얼 톤공공기관 신뢰(serif 활용 시)
42제목 코트라 글로벌 · 본문 빙그레 따옴체
코트라 글로벌A=제목용ⓘ 미리보기는 프리텐다드
제작코트라상업 무료다운로드
+빙그레 따옴체B=본문용ⓘ 미리보기는 프리텐다드
제작빙그레상업 무료다운로드
신뢰할 수 있는 국제 거래, 맛있는 순간

빙그레 따옴체는 display 폰트로 제목 임팩트는 강하나, 본문 역할로는 가독성이 떨어진다. 코트라 글로벌 serif는 제목용으로 우아하지만 웹 렌더링 시 작은 사이즈에서 가독성 저하 우려.

분위기
코트라 글로벌의 격식 있는 serif와 빙그레 따옴체의 장난스러운 display sans가 톤 충돌을 일으킨다. 전자는 공식·신뢰, 후자는 친근·캐주얼로 일관성이 부족하다.
대비·계층
weight 대비(400 vs 400/700)는 명확하지만, 폰트 구조 차이(serif 정통성 vs sans display 캐주얼)가 정보 위계보다 분위기 불일치를 강조한다.
추천 용도
공공기관·국제무역 공식 문서 (코트라 정체성 강함)식품·유제품 브랜드 캐주얼 마케팅 (빙그레 정체성 강함)혼합 사용 시 톤 조정 필수 (예: 공식 섹션은 코트라, 프로모션은 빙그레 분리)

어울리는 영문 폰트

제목IBM Plex SerifSource SerifEB Garamond
본문InterSource Sans Pro

코트라 글로벌 serif와 매칭하려면 serif 계열 영문이 필수. 빙그레 따옴체와 혼용할 경우 sans 영문으로 분리하되, 두 폰트를 동시에 쓰는 것은 권장하지 않음.

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

h1
36~44px
h2
20~24px
본문
16~17px
line-height
1.6

어울리는 색상

#2c2c2c
#d4a574
#f9f7f4

어울리는 산업 톤

공공기관 신뢰식품·F&B 친근

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

관련 페어 · 같은 폰트 포함

빙그레 따옴체 또는 코트라 글로벌 들어간 다른 인기 페어