한글 페어링 · 큐레이션

가비아 청연+함초롬바탕

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

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

A:가비아 청연· 제작 가비아|B:함초롬바탕· 제작 한컴

→ 각 폰트 종합 가이드: 가비아 청연 가이드·함초롬바탕 가이드

평가 결과 · 2개 케이스

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

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

68제목 가비아 청연 · 본문 함초롬바탕

가비아 청연B=제목용

제작가비아상업 무료다운로드

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

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

오래 머무는 문장이 마음을 데운다

함초롬바탕은 균형 잡힌 자소 구조로 긴 본문 읽기에 안정적이며, 청연은 짧은 헤드·캡션에서 시선을 부드럽게 끈다.

분위기: 함초롬바탕의 단정한 본문 위에 가비아 청연의 손글씨 감성이 포인트로 얹혀 차분하면서도 따뜻한 정서가 흐른다.
대비·계층: 세리프 본문과 손글씨풍 산세리프 제목이 형태 대비를 만들지만 청연의 단일 웨이트로 위계가 약해 사이즈 차이로 보완해야 한다.
추천 용도: 문학 에세이 웹진감성 브랜드 소개 페이지전시 도록 본문느린 호흡의 뉴스레터교육 콘텐츠 읽기 화면

어울리는 영문 폰트

제목CaveatShadows Into LightAmatic SC

본문EB GaramondSource SerifLora

청연의 손글씨 인상은 캐주얼 핸드라이팅 라틴과 결이 맞고, 함초롬바탕 본문은 클래식 세리프와 합성했을 때 안정된 가독성을 유지한다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#3a2e2a

#c9a27a

#f6f1ea

어울리는 산업 톤

문학·출판 서정라이프스타일 매거진교육 따뜻공예·로컬 브랜드

64제목 함초롬바탕 · 본문 가비아 청연

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

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

+가비아 청연B=본문용

제작가비아상업 무료다운로드

오래된 문장 사이로 봄이 스며들다

함초롬바탕은 한글 바탕체 중에서도 정돈된 형태로 제목 가독성이 우수하나, 가비아 청연은 본문 장시간 읽기에는 다소 캐주얼하고 획 굵기가 균일해 짧은 분량에 적합합니다.

분위기: 함초롬바탕의 정제된 고전적 인상이 제목을 잡아주고, 가비아 청연의 부드럽고 손글씨 같은 본문이 서정적이고 따뜻한 톤을 만듭니다.
대비·계층: 세리프 제목과 손글씨 감성 산세리프 본문의 구조적 대비는 분명하지만, 두 폰트 모두 부드러운 인상이라 강한 위계보다는 잔잔한 흐름을 만듭니다.
추천 용도: 에세이·시집 표지감성 브랜드 소책자문화재단 인쇄물독립서점 큐레이션 카드전통찻집 메뉴판

어울리는 영문 폰트

제목EB GaramondLoraSource SerifPlayfair Display

본문MerriweatherSource Sans Pro

함초롬바탕의 고전적 세리프 골격은 EB Garamond·Lora 같은 휴머니스트 세리프와 자연스럽게 어울리고, 청연의 따뜻한 본문은 Source Sans의 부드러운 형태와 호흡이 맞습니다.

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

36~44px

22~26px

본문

16~17px

line-height

1.7

어울리는 색상

#3d2f24

#a67c52

#f5efe6

어울리는 산업 톤

라이프스타일 매거진문화·예술 따뜻출판·에세이 서정

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/GabiaCheongyeon/subsets/GabiaCheongyeon-dynamic-subset.css');

/* 제목 */
h1, h2, h3 {
  font-family: 'Gabia Cheongyeon', sans-serif;
}

/* 본문 */
body, p {
  font-family: 'Pretendard Variable', sans-serif;
}