한글 페어링 · 큐레이션

가비아 청연+한국기계연구원체

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

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

A:가비아 청연· 제작 가비아|B:한국기계연구원체· 제작 한국기계연구원

→ 각 폰트 종합 가이드: 가비아 청연 가이드·한국기계연구원체 가이드

평가 결과 · 2개 케이스

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

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

58제목 한국기계연구원체 · 본문 가비아 청연

한국기계연구원체B=제목용

제작한국기계연구원상업 무료다운로드

+가비아 청연A=본문용

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

조용한 하루, 마음에 닿는 문장들

가비아 청연은 손글씨 풍이라 긴 본문에는 피로감이 있으나 짧은 단락·인용구로는 정서 전달이 풍부하다. 제목의 한국기계연구원체는 명확한 골격으로 시선 집중이 잘 된다.

분위기: 가비아 청연의 부드럽고 손글씨 같은 서정성을 한국기계연구원체의 기하학적 강조가 살짝 비틀어, 감성과 기술의 이질적 조합을 만든다.
대비·계층: 캘리그래픽 본문과 디스플레이 제목의 형태 대비는 크지만, 둘 다 400 기본 웨이트라 위계 강도는 700 적용 시에만 충분히 확보된다.
추천 용도: 문화 행사 리플렛 본문에세이형 브랜드 스토리 페이지전시 도록 캡션감성 카드뉴스

어울리는 영문 폰트

제목ManropeGeistIBM Plex Sans

본문LoraEB Garamond

본문 가비아 청연의 서정성을 살리려면 라틴은 인간미 있는 세리프(Lora)가 어울리고, 제목은 기계연구원체의 구조적 인상에 맞춰 모던 산스로 매칭한다.

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

36~44px

22~26px

본문

17~19px

line-height

1.7

어울리는 색상

#2c3a4a

#c97b5b

#f4ede2

어울리는 산업 톤

문화·전시 감성라이프스타일 매거진공공기관 캠페인

38제목 가비아 청연 · 본문 한국기계연구원체

가비아 청연B=제목용

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

+한국기계연구원체A=본문용

제작한국기계연구원상업 무료다운로드

정밀한 기계가 만드는 단단한 일상

한국기계연구원체는 디스플레이 폰트라 본문 장문 가독성이 매우 떨어지며, 청연 제목은 단독으로는 시인성이 양호하나 본문이 무거워 시선 흐름이 끊깁니다.

분위기: 한국기계연구원체의 기계적·각진 디스플레이 인상이 본문에 깔리고, 가비아 청연의 부드러운 손글씨풍 산세리프가 제목에 놓이면 톤이 정면 충돌합니다. 산업적 강건함과 서정적 따뜻함이 화학적으로 융합되지 않습니다.
대비·계층: 디스플레이 본문 + 가벼운 산세리프 제목 구성으로 위계가 역전되어 제목이 본문보다 약해 보이는 시각적 혼란이 발생합니다.
추천 용도: 실험적 포스터 본문산업 기술 전시 캡션엔지니어링 브랜드 매뉴얼기계공학 학과 소개 페이지

어울리는 영문 폰트

제목ManropePlus Jakarta SansInter

본문IBM Plex SansRoboto

본문이 강한 디스플레이 골격이라 라틴은 중립적이고 구조가 안정적인 산세리프로 보완해야 페어 전체의 무게 균형이 맞춰집니다.

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

32~40px

22~26px

본문

16~17px

line-height

1.7

어울리는 색상

#2b2b2b

#c75b3c

#ede7dc

어울리는 산업 톤

산업 기술 R&D공공기관 기록물엔지니어링 교육

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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