한글 페어링 · 큐레이션

동그라미재단 ㄱ체+가비아 청연

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

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

A:동그라미재단 ㄱ체· 제작 동그라미재단|B:가비아 청연· 제작 가비아

→ 각 폰트 종합 가이드: 동그라미재단 ㄱ체 가이드·가비아 청연 가이드

평가 결과 · 2개 케이스

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

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

45제목 동그라미재단 ㄱ체 · 본문 가비아 청연

동그라미재단 ㄱ체A=제목용ⓘ 미리보기는 프리텐다드

제작동그라미재단상업 무료다운로드

+가비아 청연B=본문용

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

함께 만드는 따뜻한 세상, 청연체로 읽다

본문용 가비아 청연은 가독성이 우수하나, serif 제목과의 대조로 인해 시각적 혼란이 생긴다. 제목 폰트의 serif 특성이 작은 사이즈에서 가독성을 해칠 수 있다.

분위기: 동그라미재단 ㄱ체의 따뜻하고 인간미 있는 serif 분위기와 가비아 청연의 현대적이고 중립적인 sans serif 톤이 충돌한다. 제목의 감정성이 본문의 객관성과 어울리지 않아 일관된 브랜드 톤 형성이 어렵다.
대비·계층: serif vs sans 대비는 명확하지만, 무게감 차이가 부족하다. 동그라미재단 ㄱ체 700과 가비아 청연 400 간 weight 대비만으로는 정보 위계가 약하며, 분류 차이가 위계보다 '불일치'로 느껴진다.
추천 용도: 감정적 메시지가 필요한 에디토리얼 (매거진, 블로그 헤더)비영리·사회공헌 콘텐츠 (재단 보고서, 캠페인 랜딩)따뜻한 톤의 교육·문화 웹사이트

어울리는 영문 폰트

제목MerriweatherLoraEB Garamond

본문InterSource Sans Pro

serif 제목의 감정성을 살리려면 serif 영문(Merriweather, Lora)과 매칭하고, 본문은 중립적 sans(Inter, Source Sans Pro)로 통일해야 serif-sans 혼재의 혼란을 줄일 수 있다.

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

36~44px

20~24px

본문

16~17px

line-height

1.65

어울리는 색상

#5a4a42

#d4a574

#f9f6f1

어울리는 산업 톤

비영리·사회공헌교육·문화 따뜻함

42제목 가비아 청연 · 본문 동그라미재단 ㄱ체

가비아 청연B=제목용

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

+동그라미재단 ㄱ체A=본문용ⓘ 미리보기는 프리텐다드

제작동그라미재단상업 무료다운로드

따뜻한 마음으로 함께하는 우리의 이야기

동그라미재단 ㄱ체는 본문용 serif로 충분히 가독성 있으나, 제목용 가비아 청연이 400 weight만 제공되어 본문과의 시각적 무게감 차이가 부족하다.

분위기: 동그라미재단 ㄱ체의 따뜻하고 인간미 있는 serif 분위기와 가비아 청연의 세련되고 현대적인 sans 톤이 충돌한다. 분위기 일관성이 약하다.
대비·계층: serif(본문) vs sans(제목) 구조 대비는 명확하지만, 가비아 청연 400이 제목으로서 강한 위계를 형성하지 못한다. 700 weight 제목 폰트가 필요하다.
추천 용도: 교육·복지 기관 웹사이트 (동그라미재단 특성 활용)따뜻한 톤의 비영리 조직 인쇄물장문 본문이 필요한 매거진·뉴스레터 (serif 본문 강점)

어울리는 영문 폰트

제목ManropePlus Jakarta SansInter

본문Source SerifLora

동그라미재단 ㄱ체의 인간미 있는 serif 특성과 어울리는 따뜻하고 친근한 serif 영문(Source Serif, Lora)을 본문에, 제목은 현대적 sans(Manrope, Plus Jakarta Sans)로 대비를 강화하는 것이 권장된다.

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

32~40px

20~24px

본문

16~17px

line-height

1.65

어울리는 색상

#3d3d3d

#d4a574

#f9f7f4

어울리는 산업 톤

교육·복지 따뜻함비영리 신뢰

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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