한글 페어링 · 큐레이션

가비아 마음결+코트라 도약

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

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

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

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

평가 결과 · 2개 케이스

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

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

68제목 코트라 도약 · 본문 가비아 마음결

코트라 도약B=제목용ⓘ 미리보기는 프리텐다드

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

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

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

오늘의 작은 결정이 내일을 바꿉니다.

마음결은 균일한 자폭과 안정적인 x-height로 긴 본문 읽기에 적합하며, 도약은 굵은 획과 또렷한 세리프로 제목에서 시선을 단단히 잡아둡니다.

분위기: 가비아 마음결의 부드럽고 정돈된 산세리프 본문 위에 코트라 도약의 강건한 세리프 제목이 얹혀, 차분함과 무게감이 공존하는 톤을 형성합니다.
대비·계층: 산세리프 본문 vs 세리프 제목의 구조 대비가 명확해 정보 위계가 자연스럽게 형성되며, 동일 weight라도 형태 차이로 충분한 계층을 만듭니다.
추천 용도: 공공기관 리포트 본문교육 콘텐츠 장문 페이지브랜드 매거진 인터뷰정책 안내 책자기업 IR 본문

어울리는 영문 폰트

제목IBM Plex SerifMerriweatherSource SerifEB Garamond

본문InterIBM Plex SansSource Sans Pro

도약의 단정한 세리프는 IBM Plex Serif·Merriweather의 모던 세리프와 골격이 잘 맞고, 마음결의 휴머니스트 산세리프는 Inter·Plex Sans의 차분한 비례와 자연스럽게 합성됩니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2a28

#a8895f

#f5efe6

어울리는 산업 톤

공공기관 신뢰교육 따뜻라이프스타일 매거진B2B 리포트

62제목 가비아 마음결 · 본문 코트라 도약

가비아 마음결B=제목용

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

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

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

오래된 문장을 천천히 읽어 내려가다

코트라 도약은 획이 또렷해 긴 글에 안정적이며, 마음결은 짧은 제목·인용에서 감성적 시선 유도에 효과적입니다.

분위기: 코트라 도약의 진중한 세리프가 본문을 이끌고, 가비아 마음결의 손글씨 감성이 제목에서 따뜻한 포인트를 더합니다.
대비·계층: 세리프 본문과 손글씨풍 산세리프 제목의 결 차이가 분명해 정보 위계가 만들어지지만, 두 폰트 모두 400 weight라 굵기 대비는 약한 편입니다.
추천 용도: 에세이·수필 웹진브랜드 스토리 페이지문화·예술 출판물감성 뉴스레터

어울리는 영문 폰트

제목CaveatShadows Into LightKalam

본문EB GaramondLora

마음결의 손글씨 감성에는 캐주얼한 핸드라이팅 라틴이, 코트라 도약의 본문에는 클래식한 세리프가 자연스럽게 호응합니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#3d2f1f

#c89b6b

#faf6ef

어울리는 산업 톤

라이프스타일 매거진문화·출판 따뜻감성 브랜드 스토리텔링

구현 코드 · 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;
}