한글 페어링 · 큐레이션

가비아 마음결+코트라 희망

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

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

A:가비아 마음결· 제작 가비아|B:코트라 희망· 제작 코트라

→ 각 폰트 종합 가이드: 가비아 마음결 가이드·코트라 희망 가이드

평가 결과 · 2개 케이스

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

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

78제목 코트라 희망 · 본문 가비아 마음결

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

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

+가비아 마음결B=본문용

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

희망은 작은 손길에서 시작됩니다

코트라 희망은 제목 사이즈에서 획의 표정이 살아 눈에 잘 들어오고, 가비아 마음결은 손글씨 기반이지만 정돈된 구조라 짧은 본문·캡션에서 무난한 가독성을 보입니다.

분위기: 코트라 희망의 따뜻한 세리프 인상이 제목에서 희망적 메시지를 전하고, 가비아 마음결의 부드러운 산세리프가 본문에서 차분하게 받쳐주어 일관된 온화함을 형성합니다.
대비·계층: 세리프 제목 vs 산세리프 본문의 분류 대비는 명확하나 두 폰트 모두 400 무게라 굵기 대비는 약해, 본문에 사이즈·컬러 차이로 위계를 보강해야 합니다.
추천 용도: 공익 캠페인 포스터교육·복지 브로슈어따뜻한 톤의 브랜드 매거진기관 연간보고서 표지

어울리는 영문 폰트

제목EB GaramondLoraSource SerifMerriweather

본문Source Sans ProIBM Plex Sans

코트라 희망의 인간적인 세리프 표정은 클래식 세리프 라틴과 자연스럽게 어울리고, 본문은 마음결의 부드러운 곡선과 호환되는 휴머니스트 산세리프가 균형을 잡습니다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#3b2a1e

#c97b4a

#f5efe6

어울리는 산업 톤

공공기관 신뢰교육 따뜻비영리·캠페인 진정성라이프스타일 매거진

68제목 가비아 마음결 · 본문 코트라 희망

가비아 마음결B=제목용

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

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

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

오늘 하루도 당신의 마음에 햇살이 머물기를.

코트라 희망은 획 대비가 적당해 긴 본문에 무난하게 어울리며, 마음결은 제목에서 시선을 끌지만 장문에는 부적합합니다.

분위기: 코트라 희망의 따뜻한 명조 인상이 본문을 차분히 이끌고, 가비아 마음결의 손글씨 감성 산세리프가 제목에서 부드러운 강조를 더합니다.
대비·계층: 세리프 본문과 핸드라이팅 톤 산세리프 제목의 분류 대비는 명확하나, 두 폰트 모두 400 weight라 시각적 위계가 다소 약합니다.
추천 용도: 공공기관 소식지 본문교육 브로슈어사회공헌 캠페인 리플릿비영리 단체 웹사이트따뜻한 톤 매거진 칼럼

어울리는 영문 폰트

제목CaveatShadows Into LightPlayfair Display

본문Source SerifLora

본문의 따뜻한 세리프는 Source Serif·Lora와 구조가 잘 맞고, 마음결 제목은 손글씨 계열 라틴 폰트와 톤이 자연스럽게 이어집니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#5b4636

#d9a86c

#f7f1e6

어울리는 산업 톤

공공기관 따뜻교육 친근사회공헌 캠페인라이프스타일 매거진

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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