한글 페어링 · 큐레이션

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

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

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

A:빙그레 따옴체· 제작 빙그레|B:함초롬바탕· 제작 한컴

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

평가 결과 · 2개 케이스

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

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

68제목 빙그레 따옴체 · 본문 함초롬바탕

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

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

+함초롬바탕B=본문용ⓘ 미리보기는 프리텐다드

제작한컴비상업 무료다운로드

오늘도 달콤한 하루를 선물할게요

빙그레 따옴체는 짧은 헤드라인에서 시선을 즉시 사로잡고, 함초롬바탕은 한국어 본문에 최적화되어 긴 글의 안정적인 가독성을 확보한다.

분위기: 빙그레 따옴체의 둥글고 친근한 디스플레이 인상이 함초롬바탕의 단정한 세리프와 만나 따뜻하면서도 정돈된 톤을 만든다.
대비·계층: 디스플레이 산세리프 제목과 정통 바탕체 본문의 카테고리 대비가 분명해 정보 위계가 자연스럽게 형성되지만, 따옴체의 캐주얼함이 바탕체의 격식과 살짝 어긋날 수 있다.
추천 용도: F&B 브랜드 캠페인 키비주얼동화·아동 출판물 표지라이프스타일 브랜드 스토리 페이지감성적인 매거진 인트로프로모션 랜딩 페이지 헤드라인

어울리는 영문 폰트

제목FrauncesRecoletaQuicksandCaveat BrushDM Serif Display

본문Source SerifLoraEB Garamond

따옴체의 둥글고 표정 있는 곡선은 Fraunces·Recoleta 같은 부드러운 디스플레이 세리프와 결을 맞추고, 함초롬바탕 본문은 정통 세리프 계열과 합성해야 자연스러운 한영 흐름을 만든다.

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

44~56px

26~32px

본문

16~18px

line-height

1.7

어울리는 색상

#2a1f1a

#e8a87c

#f7f2ea

어울리는 산업 톤

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

58제목 함초롬바탕 · 본문 빙그레 따옴체

함초롬바탕A=제목용ⓘ 미리보기는 프리텐다드

제작한컴비상업 무료다운로드

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

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

오래된 정성, 오늘의 따뜻한 한 끼

함초롬바탕은 제목에서 한자·한글 모두 또렷한 획 대비로 위엄을 전달하지만, 본문 역할의 빙그레 따옴체는 디스플레이 성격이 강해 장문에서는 가독성이 다소 떨어집니다.

분위기: 함초롬바탕의 정제된 한국 전통 세리프 인상이 빙그레 따옴체의 친근하고 동글한 디스플레이 무드와 만나면서 클래식과 캐주얼이 절충되는 톤을 만듭니다.
대비·계층: 세리프 제목과 둥근 산세리프 본문이라는 구조적 대비는 분명하나, 빙그레 따옴체의 캐주얼한 인상이 함초롬바탕의 격식을 약화시켜 위계 자체보다 분위기 충돌이 더 두드러집니다.
추천 용도: F&B 브랜드 스토리 페이지라이프스타일 매거진 칼럼전통식품 패키지 카피감성 이벤트 포스터브랜드 about 페이지

어울리는 영문 폰트

제목EB GaramondSource SerifLoraPlayfair Display

본문Plus Jakarta SansManrope

함초롬바탕의 고전적 세리프 비례에는 가라몬드 계열 라틴 세리프가 잘 맞고, 빙그레 따옴체의 둥근 무드에는 코너가 부드러운 휴머니스트 산세리프가 자연스럽게 합성됩니다.

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

36~44px

24~28px

본문

16~17px

line-height

1.7

어울리는 색상

#3a2a1f

#c8632c

#f5efe6

어울리는 산업 톤

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