한글 페어링 · 큐레이션

가비아 청연+학교안심

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

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

A:가비아 청연· 제작 가비아|B:학교안심· 제작 한국교과서연구재단

→ 각 폰트 종합 가이드: 가비아 청연 가이드·학교안심 가이드

평가 결과 · 2개 케이스

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

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

62제목 가비아 청연 · 본문 학교안심

가비아 청연B=제목용

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

+학교안심A=본문용

제작한국교과서연구재단상업 무료다운로드

오늘도 아이들과 함께 배우는 따뜻한 하루

학교안심은 교과서 기반 설계로 본문 가독성이 우수하며, 청연은 캘리그래피 성격이라 제목에서 짧은 문구로 쓸 때 효과적이다.

분위기: 학교안심의 정돈된 교육적 톤이 본문을 안정시키고, 가비아 청연의 부드러운 손글씨 감성이 제목에서 따뜻한 포인트를 만든다.
대비·계층: 기하학적 산세리프 본문과 손글씨풍 제목의 질감 대비는 뚜렷하나, 청연의 가는 획이 큰 위계 차를 만들기 위해 충분한 사이즈 차이가 필요하다.
추천 용도: 교육 콘텐츠 표지어린이 도서 본문감성 에세이 매거진학습 앱 온보딩교육 브랜드 리플렛

어울리는 영문 폰트

제목CaveatShadows Into LightPatrick Hand

본문Source Sans ProIBM Plex Sans

청연의 손글씨 결을 살리는 캐주얼 핸드라이팅 라틴과, 학교안심의 단정한 본문을 받쳐주는 중립 산세리프를 조합했다.

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

36~44px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#3d5a4c

#e8b85c

#fbf7f0

어울리는 산업 톤

교육 따뜻어린이 콘텐츠감성 라이프스타일

62제목 학교안심 · 본문 가비아 청연

학교안심A=제목용

제작한국교과서연구재단상업 무료다운로드

+가비아 청연B=본문용

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

오늘도 배움의 즐거움을 함께해요

제목 학교안심은 교과서용으로 설계되어 시인성이 뛰어나고, 본문 청연은 한 가지 굵기뿐이라 긴 문장에서는 약간 가벼운 인상을 줍니다.

분위기: 학교안심의 안정적이고 또렷한 인상이 가비아 청연의 부드럽고 손글씨 느낌과 만나 따뜻하면서도 친근한 톤을 형성합니다.
대비·계층: 제목 700과 본문 청연 400 간 굵기 차이는 충분하지만, 청연의 손글씨 느낌이 학교안심의 단정함과 결이 달라 위계 대비가 살짝 흐려질 수 있습니다.
추천 용도: 교육 콘텐츠 인쇄물어린이 도서 표지·내지학습 앱 UI교내 안내 포스터공공 캠페인 리플릿

어울리는 영문 폰트

제목Plus Jakarta SansManropeSource Sans Pro

본문InterIBM Plex Sans

학교안심의 둥글고 안정된 골격에는 부드러운 곡선을 가진 Plus Jakarta Sans·Manrope가 잘 어울리고, 본문에는 휴머니스트 산세리프인 Inter가 청연의 친근함을 보완합니다.

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

36~44px

24~28px

본문

16~18px

line-height

1.7

어울리는 색상

#2e5a88

#f4b860

#faf6ee

어울리는 산업 톤

교육 따뜻공공기관 친근어린이 콘텐츠

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

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

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