한글 페어링 · 큐레이션

빙그레 따옴체+코트라 희망

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

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

A:빙그레 따옴체· 제작 빙그레|B:코트라 희망· 제작 코트라

→ 각 폰트 종합 가이드: 빙그레 따옴체 가이드·코트라 희망 가이드

평가 결과 · 2개 케이스

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

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

62제목 빙그레 따옴체 · 본문 코트라 희망

빙그레 따옴체B=제목용ⓘ 미리보기는 프리텐다드

제작빙그레상업 무료다운로드

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

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

오늘도 작은 희망 한 줄을 적어봅니다

코트라 희망은 획 굵기가 안정적이어 긴 글 본문에 적합하며, 빙그레 따옴체는 굵은 웨이트로 짧은 헤드라인을 또렷이 부각한다.

분위기: 코트라 희망의 단정하고 부드러운 세리프가 본문을 차분히 이끌고, 빙그레 따옴체의 둥글고 친근한 디스플레이가 제목에서 경쾌한 포인트를 만든다.
대비·계층: 세리프 본문과 라운드 산스 디스플레이라는 구조적 대비가 분명해 정보 위계는 형성되나, 두 폰트의 형태 어휘가 달라 톤 조정이 필요하다.
추천 용도: 공익 캠페인 리플릿교육·복지 브로슈어어린이·가족 콘텐츠 매거진지역문화 홍보물사회적 가치 보고서

어울리는 영문 폰트

제목FrauncesRecoletaDM Serif Display

본문Source SerifLora

코트라 희망의 따뜻한 세리프 본문에는 Source Serif·Lora가 자연스럽게 어울리고, 빙그레 따옴체의 둥근 인상은 Fraunces·Recoleta 같은 부드러운 디스플레이 세리프와 톤이 맞는다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2f5d3a

#f4a261

#fbf6ec

어울리는 산업 톤

공공기관 따뜻함교육 친근사회공헌 캠페인라이프스타일 매거진

58제목 코트라 희망 · 본문 빙그레 따옴체

코트라 희망B=제목용ⓘ 미리보기는 프리텐다드

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

+빙그레 따옴체A=본문용ⓘ 미리보기는 프리텐다드

제작빙그레상업 무료다운로드

오늘의 작은 이야기를 천천히 들려드릴게요

빙그레 따옴체는 디스플레이 성격이 강해 긴 본문에는 피로감이 있으나 짧은 단락에서는 캐릭터가 살아나고, 코트라 희망은 제목으로 또렷하게 시선을 잡습니다.

분위기: 빙그레 따옴체의 발랄하고 친근한 디스플레이 인상이 본문을 이끌고, 코트라 희망의 진중한 세리프 제목이 무게를 더해 다소 이질적이지만 정감 있는 톤을 만듭니다.
대비·계층: 세리프 제목과 둥근 산세리프 본문의 형태 대비는 뚜렷하나, 두 폰트의 시대감·톤 차이가 커서 정보 위계보다 분위기 충돌이 먼저 느껴질 수 있습니다.
추천 용도: 브랜드 캠페인 카피 페이지F&B 패키지 보조 문구감성 굿즈 리플릿스토리텔링 단편 콘텐츠

어울리는 영문 폰트

제목EB GaramondLoraIBM Plex Serif

본문ManropePlus Jakarta Sans

제목 세리프에는 클래식하지만 부드러운 라틴 세리프를, 본문 둥근 산세리프에는 친근한 지오메트릭 산세리프를 매칭해 톤을 자연스럽게 잇습니다.

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

32~40px

22~26px

본문

17~19px

line-height

1.7

어울리는 색상

#3a2a1f

#d98c5f

#faf3e7

어울리는 산업 톤

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