한글 페어링 · 큐레이션

빙그레체 II+코트라 볼드

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

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

A:빙그레체 II· 제작 빙그레|B:코트라 볼드· 제작 코트라

→ 각 폰트 종합 가이드: 빙그레체 II 가이드·코트라 볼드 가이드

평가 결과 · 2개 케이스

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

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

64제목 코트라 볼드 · 본문 빙그레체 II

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

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

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

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

전통의 무게와 따뜻한 일상이 만나다

제목의 코트라 볼드는 강한 세리프와 두꺼운 획으로 시선을 강하게 끌고, 본문 빙그레체 II는 곡선 위주의 부드러운 자형으로 짧은 단락에서 무난한 가독성을 보인다.

분위기: 코트라 볼드의 묵직한 전통적 명조 인상이 빙그레체 II의 둥글고 친근한 산세리프와 만나 격식과 부드러움이 공존하는 다소 이례적 조합을 만든다.
대비·계층: 세리프(제목) vs 둥근 산세리프(본문) 구조 대비와 700 vs 400 웨이트 차이로 위계는 분명하나, 두 폰트의 성격이 상이해 시각적 톤 충돌 위험이 있다.
추천 용도: 공공기관 캠페인 포스터전통 브랜드 리브랜딩F&B 프리미엄 패키지문화 전시 안내물

어울리는 영문 폰트

제목Playfair DisplayEB GaramondSource SerifMerriweather

본문NunitoQuicksandSource Sans Pro

코트라 볼드의 권위 있는 세리프 인상에는 클래식 세리프 영문이, 빙그레체의 둥근 본문에는 곡선이 부드러운 산세리프가 자연스럽게 어울린다.

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

40~52px

24~30px

본문

16~18px

line-height

1.7

어울리는 색상

#2b1d14

#c89b6c

#f5efe6

어울리는 산업 톤

공공기관 신뢰F&B 친근전통문화 브랜드

58제목 빙그레체 II · 본문 코트라 볼드

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

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

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

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

묵직한 한 줄로 마음을 데웁니다.

코트라 볼드는 700 단일 웨이트의 디스플레이성 세리프라 긴 본문에는 부담이 있어 짧은 단락·인용문에 적합하며, 빙그레체 II는 둥근 곡선 덕에 제목으로 시선을 부드럽게 끈다.

분위기: 코트라 볼드의 묵직한 세리프 본문 위에 빙그레체 II의 둥글고 친근한 산세리프 제목이 얹혀, 진중함과 다정함이 교차하는 다소 이색적인 분위기를 만든다.
대비·계층: 세리프 본문 vs 산세리프 제목이라는 카테고리 대비는 명확하지만, 본문이 굵은 볼드라 제목과의 웨이트 위계가 약해져 제목은 충분히 키워야 한다.
추천 용도: 브랜드 캠페인 리플릿 본문공공·진흥기관 따뜻한 안내문식음료 패키지 카피교육 자료 인용·강조 본문지역 축제 포스터 서브 카피

어울리는 영문 폰트

제목QuicksandNunitoPlus Jakarta Sans

본문Source SerifLora

제목 빙그레체 II의 둥근 라운드 산세리프와 결이 같은 친근한 라틴 산세리프를 매칭하고, 본문 코트라 볼드와는 두께감 있는 세리프 라틴이 자연스럽게 이어진다.

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

32~40px

22~26px

본문

17~19px

line-height

1.7

어울리는 색상

#2b2118

#e07a3c

#f7f1e6

어울리는 산업 톤

F&B 친근공공기관 따뜻교육 감성

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

/* 빙그레체 II 또는 코트라 볼드의 공식 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;
}