한글 페어링 · 큐레이션

가비아 청연+코트라 희망

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

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

A:가비아 청연· 제작 가비아|B:코트라 희망· 제작 코트라

→ 각 폰트 종합 가이드: 가비아 청연 가이드·코트라 희망 가이드

평가 결과 · 2개 케이스

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

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

62제목 코트라 희망 · 본문 가비아 청연

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

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

+가비아 청연B=본문용

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

느린 걸음에도 봄은 어김없이 옵니다

코트라 희망은 큰 사이즈에서 정감 있는 인상을 주지만 본문 가비아 청연이 손글씨 계열이라 긴 글 가독성은 평균 수준입니다.

분위기: 코트라 희망의 따뜻하고 손글씨에 가까운 세리프가 제목을 이끌고, 가비아 청연의 부드러운 손글씨 산세리프가 본문을 받치며 서정적이고 인간적인 톤을 형성합니다.
대비·계층: 둘 다 손글씨 풍의 부드러운 인상을 공유해 톤은 잘 맞지만 구조적 대비가 약해 정보 위계가 다소 흐려질 수 있습니다.
추천 용도: 에세이형 브랜드 캠페인라이프스타일 매거진공익·문화 캠페인 포스터전시 도록 인트로감성 굿즈 패키지

어울리는 영문 폰트

제목EB GaramondLoraSource SerifPlayfair Display

본문Source Sans ProLora

코트라 희망의 인간적인 세리프 곡선은 클래식 세리프 라틴과 어울리고, 가비아 청연의 부드러운 본문은 휴머니스트 산세리프나 가벼운 세리프와 자연스럽게 흐름을 잇습니다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#3d2b1f

#c9885a

#f5efe6

어울리는 산업 톤

라이프스타일 매거진공공·문화 따뜻교육 감성F&B 친근

58제목 가비아 청연 · 본문 코트라 희망

가비아 청연B=제목용

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

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

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

오늘 우리가 나누는 작은 희망의 이야기

코트라 희망은 안정적인 자형으로 긴 본문 가독성이 양호하나, 청연이 제목으로 강조될 때 두 폰트 모두 400 웨이트라 위계가 약해질 수 있습니다.

분위기: 코트라 희망의 단정하고 신뢰감 있는 세리프 본문 위에 가비아 청연의 부드러운 손글씨 감성 제목이 얹혀, 정보성과 감성을 동시에 전하는 따뜻한 톤을 만듭니다.
대비·계층: 세리프 본문과 손글씨풍 산세리프 제목이라는 스타일 대비는 명확하지만 굵기 차이가 부족해 제목 사이즈를 크게 키워야 위계가 살아납니다.
추천 용도: 공익 캠페인 리플릿 본문에세이형 브랜드 블로그문화재단 소식지교육 기관 안내 책자지역 관광 가이드

어울리는 영문 폰트

제목CaveatShadows Into LightPlayfair Display

본문Source SerifLora

본문 세리프는 Source Serif·Lora처럼 차분한 세리프와 자연스럽게 합성되고, 제목 청연은 손글씨 라틴과 매칭해 감성 일관성을 유지합니다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#3a4a3f

#c98a6b

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