한글 페어링 · 큐레이션

가비아 청연+대한항공

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

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

A:가비아 청연· 제작 가비아|B:대한항공· 제작 대한항공

→ 각 폰트 종합 가이드: 가비아 청연 가이드·대한항공 가이드

평가 결과 · 2개 케이스

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

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

64제목 가비아 청연 · 본문 대한항공

가비아 청연A=제목용

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

+대한항공B=본문용ⓘ 미리보기는 프리텐다드

제작대한항공상업 무료다운로드

당신의 하루에 작은 여백을 더합니다

청연은 짧은 제목에서 손글씨 특유의 운율을 살려 시선을 끌고, 대한항공체는 글자 사이 정돈된 골격으로 긴 본문 가독성을 무난히 확보합니다.

분위기: 가비아 청연의 손글씨 같은 서정적 인상이 제목을 이끌고, 대한항공의 단정한 산세리프가 본문에서 균형을 잡아 차분하면서도 감성적인 분위기를 형성합니다.
대비·계층: 필기체 뉘앙스의 청연과 기하학적 산세리프의 대한항공은 형태 대비가 뚜렷해 위계 구분은 좋지만, 무게가 모두 400이라 굵기 대비는 다소 약합니다.
추천 용도: 라이프스타일 매거진 표지감성 브랜드 캠페인 페이지전시·문화행사 포스터에세이 콘텐츠 헤드라인여행 콘텐츠 인트로

어울리는 영문 폰트

제목Playfair DisplayEB GaramondLora

본문InterSource Sans Pro

청연의 서정적 곡선미와 어울리도록 제목은 클래식 세리프 계열, 본문은 깔끔한 산세리프로 대비를 만들어 감성과 정돈감을 동시에 살립니다.

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

40~52px

24~30px

본문

16~17px

line-height

1.7

어울리는 색상

#2c3a4a

#c8a96a

#f5efe6

어울리는 산업 톤

라이프스타일 매거진여행·문화 감성F&B 따뜻한 브랜드

62제목 대한항공 · 본문 가비아 청연

대한항공A=제목용ⓘ 미리보기는 프리텐다드

제작대한항공상업 무료다운로드

+가비아 청연B=본문용

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

하늘 위에서 만난 따뜻한 이야기

제목용 대한항공은 굵은 700 웨이트로 시선을 강하게 잡아주며, 가비아 청연은 부드러운 곡선으로 중간 길이 본문까지는 무난히 읽힌다.

분위기: 대한항공의 단단하고 절제된 기업 디스플레이 인상이 가비아 청연의 부드럽고 유려한 본문 톤과 만나 신뢰감과 인간미가 공존하는 분위기를 만든다.
대비·계층: 기하학적 디스플레이 산세리프와 손글씨 감성의 휴머니스트 산세리프 간 형태 대비는 뚜렷하나, 두 폰트의 캐릭터 방향이 달라 위계는 명확하되 조형 통일감은 약하다.
추천 용도: 여행·항공 브랜드 캠페인 페이지기업 사회공헌 리포트라이프스타일 매거진 표지공공 안내 포스터

어울리는 영문 폰트

제목ManropeGeistInterPlus Jakarta Sans

본문Source Sans ProIBM Plex Sans

대한항공의 절제된 지오메트리에는 Manrope·Geist 같은 정돈된 산세리프가, 청연의 부드러운 본문 톤에는 휴머니스트 비례의 Source Sans Pro가 자연스럽게 어울린다.

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

40~52px

24~30px

본문

16~18px

line-height

1.7

어울리는 색상

#0b3d91

#c8a96a

#f4f1ec

어울리는 산업 톤

항공·여행 신뢰라이프스타일 매거진공공기관 따뜻함

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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