한글 페어링 · 큐레이션

강원교육 튼튼+본고딕

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

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

A:강원교육 튼튼· 제작 강원교육청|B:본고딕· 제작 어도비·구글

→ 각 폰트 종합 가이드: 강원교육 튼튼 가이드·본고딕 가이드

평가 결과 · 2개 케이스

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

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

78제목 강원교육 튼튼 · 본문 본고딕

강원교육 튼튼A=제목용

제작강원교육청상업 무료다운로드

+본고딕B=본문용ⓘ 미리보기는 프리텐다드

제작어도비·구글상업 무료다운로드

오늘은 함께 배우는 즐거운 하루

제목의 튼튼한 손글씨 획이 시선을 단숨에 끌고, 본고딕은 다양한 웨이트와 균형 잡힌 자소 구조로 긴 본문에서도 피로 없이 읽힙니다.

분위기: 강원교육 튼튼의 둥글고 친근한 손글씨 인상이 본고딕의 차분하고 정제된 본문 톤과 만나 따뜻하면서도 신뢰감 있는 분위기를 만듭니다.
대비·계층: 손글씨 vs 정통 산세리프의 카테고리 대비가 명확하고, 본고딕 400~500으로 본문을 받치면 위계가 자연스럽게 형성됩니다.
추천 용도: 어린이·교육 콘텐츠학교·학습지 표지가족 친화 캠페인 포스터에듀테크 랜딩 페이지도서관·문화센터 안내물

어울리는 영문 폰트

제목FredokaQuicksandNunitoBaloo 2

본문Source Sans ProIBM Plex Sans

제목은 둥근 손글씨 톤에 맞춰 라운드형 라틴 폰트로 친근함을 유지하고, 본문은 본고딕과 같은 어도비 계열인 Source Sans Pro로 구조적 일관성을 확보합니다.

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

36~48px

24~30px

본문

16~18px

line-height

1.7

어울리는 색상

#f4a261

#2a9d8f

#fff8ec

어울리는 산업 톤

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

58제목 본고딕 · 본문 강원교육 튼튼

본고딕A=제목용ⓘ 미리보기는 프리텐다드

제작어도비·구글상업 무료다운로드

+강원교육 튼튼B=본문용

제작강원교육청상업 무료다운로드

오늘의 배움, 내일의 나를 만듭니다

본고딕은 다양한 웨이트로 또렷한 제목 위계를 형성하고, 강원교육 튼튼은 손글씨 중에서도 획이 단단해 짧은 본문에서는 읽힘이 무난하다. 다만 장문에서는 손글씨 특유의 리듬으로 피로감이 올 수 있다.

분위기: 본고딕의 정제된 산세리프 인상과 강원교육 튼튼의 또박또박한 손글씨가 만나 교육적이고 친근한 분위기를 만든다. 다만 제목의 모던함과 본문의 동심 어린 톤이 살짝 어긋날 수 있다.
대비·계층: 본고딕 Bold/Black 제목과 손글씨 본문 사이의 구조적 대비가 명확해 정보 위계는 잘 작동한다. 형태 언어가 달라 시각적 대비는 충분하나 통일감은 다소 약하다.
추천 용도: 교육 콘텐츠 표지어린이·청소년 학습 자료학교·교육기관 홍보물워크북·학습지 헤더교육 캠페인 포스터

어울리는 영문 폰트

제목InterIBM Plex SansManropePretendard Latin

본문Patrick HandCaveat

제목은 본고딕의 정제된 구조와 잘 맞는 모던 산세리프로 매칭하고, 본문은 강원교육 튼튼의 손글씨 톤을 보강하는 캐주얼 핸드라이팅 라틴이 자연스럽다.

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

36~44px

22~26px

본문

17~19px

line-height

1.7

어울리는 색상

#2e5c8a

#f4b942

#faf7f0

어울리는 산업 톤

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

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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