한글 페어링 · 큐레이션

빙그레체 II+본고딕

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

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

A:빙그레체 II· 제작 빙그레|B:본고딕· 제작 어도비·구글

→ 각 폰트 종합 가이드: 빙그레체 II 가이드·본고딕 가이드

평가 결과 · 2개 케이스

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

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

82제목 빙그레체 II · 본문 본고딕

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

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

+본고딕B=본문용ⓘ 미리보기는 프리텐다드

제작어도비·구글상업 무료다운로드

오늘의 달콤한 한 입을 만나보세요

빙그레체 II는 또렷한 곡선으로 제목에서 시선을 잡고, 본고딕은 다양한 웨이트와 균형 잡힌 자형으로 긴 본문에서도 안정적인 가독성을 제공합니다.

분위기: 빙그레체 II의 둥글고 친근한 인상이 본고딕의 정제된 중립성과 만나 따뜻하면서도 신뢰감 있는 톤을 형성합니다.
대비·계층: 제목의 부드러운 캐릭터성과 본문의 모던한 직선성이 형태적 대비를 만들고, 700 vs 400 웨이트 차이로 위계가 명확합니다.
추천 용도: F&B 브랜드 캠페인 페이지라이프스타일 매거진 웹어린이·가족 대상 서비스 UI프로모션 랜딩 페이지

어울리는 영문 폰트

제목Plus Jakarta SansManropeSatoshiGeist

본문InterIBM Plex Sans

빙그레체 II의 둥근 곡선에는 라운드한 터미널을 가진 Jakarta·Manrope가, 본고딕의 중립 톤에는 동일 계열의 Inter·Plex Sans가 구조적으로 맞물립니다.

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

40~52px

24~30px

본문

16~18px

line-height

1.65

어울리는 색상

#2b4a3e

#f4a261

#faf6ef

어울리는 산업 톤

F&B 친근라이프스타일 매거진교육 따뜻

74제목 본고딕 · 본문 빙그레체 II

본고딕B=제목용ⓘ 미리보기는 프리텐다드

제작어도비·구글상업 무료다운로드

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

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

오늘 하루도 달콤하게 채워보세요.

빙그레체 II는 둥근 곡선과 넓은 속공간으로 짧은 본문에 우호적이며, 본고딕은 다양한 웨이트로 강조 제목에서 명료하게 시선을 잡는다.

분위기: 빙그레체 II가 본문에서 부드럽고 친근한 온기를 전하고, 본고딕이 절제된 모던함으로 정보 구조를 잡아준다.
대비·계층: 본고딕 700~900을 제목에 사용하면 본문의 빙그레체 II 400과 굵기·인상 차이가 분명해져 위계가 또렷하다.
추천 용도: F&B 브랜드 콘텐츠 페이지라이프스타일 매거진 본문교육·공익 캠페인 리플렛어린이·가족 타깃 웹사이트

어울리는 영문 폰트

제목InterManropeIBM Plex SansPlus Jakarta Sans

본문Source Sans ProNunito

본고딕 제목은 Inter·IBM Plex Sans처럼 기하학적 명료함을 가진 산세리프와 잘 맞고, 빙그레체 II 본문은 Nunito처럼 살짝 둥근 산세리프와 톤이 어울린다.

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

32~40px

22~26px

본문

16~17px

line-height

1.7

어울리는 색상

#2b2b2b

#f4a261

#fdf6ec

어울리는 산업 톤

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