한글 페어링 · 큐레이션

가비아 마음결+코트라 볼드

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

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

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

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

평가 결과 · 2개 케이스

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

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

74제목 코트라 볼드 · 본문 가비아 마음결

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

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

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

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

세계로 나아가는 한국 기업의 새로운 길

코트라 볼드는 굵은 세리프 구조로 제목에서 시선을 강하게 끌고, 가비아 마음결은 부드러운 곡선과 안정된 자획으로 중·단문 본문에 무난하다.

분위기: 코트라 볼드의 묵직한 명조 인상이 가비아 마음결의 부드럽고 인간적인 산세리프와 만나 진중하면서도 따뜻한 톤을 만든다.
대비·계층: 세리프 디스플레이(700) vs 산세리프 레귤러(400)로 형태·웨이트 대비가 뚜렷해 정보 위계가 자연스럽게 잡힌다.
추천 용도: 공공기관 캠페인 포스터수출·무역 리포트 표지브랜드 스토리 페이지 헤더사회공헌 매거진 인트로정책 안내 인쇄물

어울리는 영문 폰트

제목Playfair DisplayEB GaramondSource SerifIBM Plex Serif

본문InterIBM Plex SansSource Sans Pro

코트라 볼드의 클래식한 세리프 골격은 Playfair·EB Garamond 같은 격조 있는 라틴 세리프와 호응하고, 본문은 마음결의 부드러운 인상을 해치지 않는 휴머니스트 산세리프가 안정적이다.

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

40~52px

24~30px

본문

16~18px

line-height

1.7

어울리는 색상

#1f3a5f

#c8a96a

#f5f1ea

어울리는 산업 톤

공공기관 신뢰수출·무역 B2B사회공헌 따뜻정책 매거진

58제목 가비아 마음결 · 본문 코트라 볼드

가비아 마음결A=제목용

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

+코트라 볼드B=본문용ⓘ 미리보기는 프리텐다드

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

마음을 잇는 따뜻한 한 줄의 이야기

제목용 가비아 마음결은 짧은 헤드라인에서 따뜻한 인상을 주지만, 본문에 코트라 볼드를 쓰면 굵은 웨이트와 디스플레이 특성 때문에 긴 글 가독성이 떨어집니다.

분위기: 가비아 마음결의 부드럽고 손글씨 같은 인상이 제목을 이끌지만, 코트라 볼드의 굵고 강한 세리프 디스플레이 톤이 본문에서 무거운 무게감을 더해 톤 충돌이 약간 발생합니다.
대비·계층: 웨이트 차이(400 vs 700)와 sans/serif 대비는 분명해 위계는 잡히나, 본문 폰트가 너무 강해 제목보다 본문이 시각적으로 앞서는 역전 현상이 생길 수 있습니다.
추천 용도: 감성 캠페인 키비주얼전시·문화행사 포스터브랜드 스토리 인트로 페이지짧은 인용구 카드뉴스

어울리는 영문 폰트

제목CaveatManropePlus Jakarta SansSatoshi

본문Source SerifMerriweather

마음결의 부드러운 곡선에는 인간적 라틴 산세리프나 손글씨 톤이 어울리고, 코트라 볼드의 강한 세리프에는 구조감 있는 본문 세리프가 톤을 맞춰 줍니다.

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

40~52px

24~30px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2a28

#c97b4a

#f4ede3

어울리는 산업 톤

라이프스타일 매거진문화·전시 브랜딩F&B 따뜻한 감성

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