designnews

한글 페어링 · 큐레이션

빙그레 따옴체+함초롬바탕

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

평가 케이스
2
평균 점수
42
관련 페어
6
A:빙그레 따옴체· 제작 빙그레|B:함초롬바탕· 제작 한컴

→ 각 폰트 종합 가이드: 빙그레 따옴체 가이드·함초롬바탕 가이드

평가 결과 · 2개 케이스

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

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

42제목 빙그레 따옴체 · 본문 함초롬바탕
빙그레 따옴체A=제목용ⓘ 미리보기는 프리텐다드
제작빙그레상업 무료다운로드
+함초롬바탕B=본문용ⓘ 미리보기는 프리텐다드
제작한컴비상업 무료다운로드
우리 제품은 맛있고 건강합니다.

함초롬바탕은 한글 본문 가독성이 우수하나, 빙그레 따옴체는 display 폰트로 제목용이므로 본문 사용 시 가독성이 떨어집니다. 제목-본문 구조에서는 기능적으로 작동하지만 분위기 불일치가 심합니다.

분위기
빙그레 따옴체의 장난스럽고 둥근 sans-serif 분위기와 함초롬바탕의 전통적이고 격식 있는 serif 분위기가 충돌합니다. 두 폰트가 추구하는 톤이 상반되어 일관된 브랜드 정체성을 형성하기 어렵습니다.
대비·계층
무게(weight) 대비는 명확하나(400/700), 구조적 대비가 과도합니다. sans와 serif의 급격한 전환이 정보 위계보다 시각적 충돌을 우선시하게 됩니다.
추천 용도
캐주얼 식품·간식 브랜드 (빙그레 자사 마케팅 제외)어린이·유아 교육 콘텐츠 (톤 불일치 감수 시)장난스러운 이벤트 포스터 (전통성 필요 없을 때만)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist
본문Source SerifLora

빙그레 따옴체의 친근하고 현대적 sans 톤을 유지하려면 rounded sans(Manrope)가, 함초롬바탕의 전통 serif 톤을 살리려면 humanist serif(Lora)가 각각 적합합니다. 두 폰트를 함께 사용할 경우 분위기 통일이 어려우므로 별도 영문 페어링을 권장합니다.

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

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

어울리는 색상

#2d5016
#f4a460
#f9f5f0

어울리는 산업 톤

식품·간식 캐주얼유아교육 친근
42제목 함초롬바탕 · 본문 빙그레 따옴체
함초롬바탕A=제목용ⓘ 미리보기는 프리텐다드
제작한컴비상업 무료다운로드
+빙그레 따옴체B=본문용ⓘ 미리보기는 프리텐다드
제작빙그레상업 무료다운로드
따뜻한 아침, 새로운 시작을 함께하세요.

함초롬바탕은 제목용 serif로 충분히 눈에 띄지만, 빙그레 따옴체는 본문용으로 설계된 폰트가 아닙니다. Display 특성상 장문 가독성이 떨어지고, 두 폰트 간 x-height 차이가 커서 시각적 위계 조정이 어렵습니다.

분위기
함초롬바탕의 전통적이고 격식 있는 serif 인상과 빙그레 따옴체의 캐주얼하고 장난스러운 display sans 분위기가 충돌합니다. 톤의 일관성이 부족해 브랜드 메시지가 산만해질 수 있습니다.
대비·계층
serif(제목)와 sans(본문) 간 구조적 대비는 명확하지만, 함초롬바탕의 고전적 무게감과 빙그레 따옴체의 경량 playful 톤이 상충하여 정보 위계보다 스타일 충돌이 두드러집니다.
추천 용도
어린이 교육 콘텐츠 (제목-본문 톤 불일치 완화 가능)캐주얼 이벤트 포스터 (제목만 활용 권장)식품/라이프스타일 매거진 (톤 조정 필수)

어울리는 영문 폰트

제목Playfair DisplayEB GaramondSource Serif
본문InterSource Sans Pro

함초롬바탕의 serif 전통성을 살리되, 빙그레 따옴체 대신 본문용 sans(Inter, Source Sans Pro)를 병행하면 가독성과 톤 일관성을 동시에 확보할 수 있습니다.

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

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

어울리는 색상

#2c2416
#d4a574
#f9f6f1

어울리는 산업 톤

식품·음료 캐주얼어린이 교육 따뜻함

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

관련 페어 · 같은 폰트 포함

빙그레 따옴체 또는 함초롬바탕 들어간 다른 인기 페어