한글 페어링 · 큐레이션

가비아 청연+나눔바른고딕

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

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

A:가비아 청연· 제작 가비아|B:나눔바른고딕· 제작 네이버

→ 각 폰트 종합 가이드: 가비아 청연 가이드·나눔바른고딕 가이드

평가 결과 · 2개 케이스

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

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

74제목 가비아 청연 · 본문 나눔바른고딕

가비아 청연B=제목용

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

+나눔바른고딕A=본문용

제작네이버상업 무료다운로드

오늘의 작은 이야기를 천천히 들려드릴게요

나눔바른고딕은 균형 잡힌 자폭과 명료한 자소로 긴 글에 안정적이며, 청연은 제목 사이즈에서 개성과 정감을 잘 드러낸다.

분위기: 나눔바른고딕의 단정하고 정돈된 본문 톤 위에 가비아 청연의 부드럽고 손글씨 같은 제목이 얹혀 따뜻하고 인간적인 분위기를 만든다.
대비·계층: 정형 산세리프 본문과 캐주얼한 손글씨 계열 제목의 스타일 대비가 뚜렷해 위계는 분명하지만, 청연의 단일 웨이트로 인해 보조 제목 단계는 사이즈로 보완해야 한다.
추천 용도: 브랜드 스토리 페이지라이프스타일 블로그 본문교육 콘텐츠 아티클감성 뉴스레터사보·웹진

어울리는 영문 폰트

제목CaveatShadows Into LightPatrick Hand

본문Source Sans ProIBM Plex Sans

청연의 손글씨 감성을 살리려면 캐주얼한 핸드라이팅 라틴이 어울리고, 본문은 나눔바른고딕의 정돈된 구조와 결이 맞는 휴머니스트 산세리프가 안정적이다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#3d3a36

#c89b6c

#faf6ef

어울리는 산업 톤

라이프스타일 매거진교육 따뜻F&B 친근

62제목 나눔바른고딕 · 본문 가비아 청연

나눔바른고딕A=제목용

제작네이버상업 무료다운로드

+가비아 청연B=본문용

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

오늘의 작은 이야기를 들려드릴게요

나눔바른고딕은 제목에서 또렷한 자소 구조로 시인성이 우수하나, 가비아 청연은 손글씨 기반이라 긴 본문 가독성이 다소 떨어집니다.

분위기: 나눔바른고딕의 단정하고 깔끔한 인상이 가비아 청연의 부드럽고 손글씨 느낌 본문과 만나 차분하면서도 친근한 톤을 형성합니다.
대비·계층: 두 폰트 모두 sans 계열이지만 청연의 부드러운 곡선과 바른고딕의 정제된 직선 구조가 형태적 대비를 만듭니다. 다만 청연이 단일 weight라 위계 표현에는 제약이 있습니다.
추천 용도: 감성 브랜드 소개 페이지라이프스타일 카드뉴스독립 출판물 본문프로모션 랜딩 페이지

어울리는 영문 폰트

제목InterIBM Plex SansManrope

본문LoraEB Garamond

제목은 바른고딕의 정돈된 구조에 맞춰 모던 산세리프를, 본문은 청연의 손글씨 감성을 보완할 부드러운 세리프를 매칭합니다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2c2a28

#c98a5b

#f7f2ea

어울리는 산업 톤

라이프스타일 매거진F&B 따뜻공방·핸드메이드 감성

구현 코드 · 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/NanumBarunGothic/subsets/NanumBarunGothic-dynamic-subset.css');

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

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