한글 페어링 · 큐레이션

강원교육 튼튼+본명조

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

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

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

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

평가 결과 · 2개 케이스

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

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

42제목 본명조 · 본문 강원교육 튼튼

본명조A=제목용

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

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

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

튼튼한 마음으로 새로운 배움을 시작합니다.

강원교육 튼튼은 장문 본문 읽기에 부적합하다. Handwriting 폰트는 개별 글자 인식은 가능하지만 단락 단위 가독성이 낮고, 특히 작은 사이즈에서 피로도가 높다. 본명조 제목은 명확하지만 본문과의 위계 대비가 약해진다.

분위기: 본명조의 고전적·격식 있는 serif와 강원교육 튼튼의 친근하고 캐주얼한 handwriting이 분위기 충돌을 일으킨다. 세리프 제목은 신뢰·품격을 전달하지만, 손글씨 본문은 경박함을 더해 톤 일관성이 약하다.
대비·계층: 무게 대비가 명확하지 않다. 본명조 700(제목)과 강원교육 튼튼 400(본문) 사이 시각적 무게 차이가 충분하지 않으며, serif와 handwriting의 구조적 차이만으로는 정보 위계를 효과적으로 구분하지 못한다.
추천 용도: 어린이 교육 자료 (제목+본문 혼합 시 피로도 높음)공공기관 공식 문서 (handwriting이 격식성 훼손)포스터·전단 (제목만 사용 권장)

어울리는 영문 폰트

제목IBM Plex SerifSource Serif ProEB Garamond

본문InterRoboto

본명조 serif 제목에는 고전적 serif 영문(IBM Plex Serif, Source Serif Pro)이 톤 일관성을 유지한다. 강원교육 튼튼 본문은 handwriting과 어울리는 영문 pairing이 제한적이므로, 무난한 sans-serif(Inter, Roboto)로 가독성을 보강하는 것이 실무적이다.

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

36~44px

20~24px

본문

15~17px

line-height

1.7

어울리는 색상

#2c2c2c

#d4a574

#f9f7f4

어울리는 산업 톤

공공기관 교육아동 학습 콘텐츠

42제목 강원교육 튼튼 · 본문 본명조

강원교육 튼튼B=제목용

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

+본명조A=본문용

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

튼튼한 아이들을 위한 따뜻한 교육을 시작합니다.

본명조는 긴 본문 읽기에 매우 적합하지만, 강원교육 튼튼은 제목용 핸드라이팅으로 제한적이다. 핸드라이팅의 불규칙한 형태는 작은 사이즈에서 가독성을 해친다.

분위기: 본명조의 전통적·고전적 분위기와 강원교육 튼튼의 친근하고 캐주얼한 손글씨 톤이 충돌한다. 세리프 본문과 핸드라이팅 제목의 분위기 격차가 크다.
대비·계층: 무게 대비는 충분하지만(serif 400 vs handwriting 400), 구조적 대비가 약하다. 세리프의 정형성과 핸드라이팅의 유기적 형태가 명확한 위계보다는 부조화를 만든다.
추천 용도: 공공기관 교육 자료(강원교육청 공식 문서)아동·교육 관련 출판물(제목 강조용)캐주얼한 교육 포스터·안내문

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문Source Serif ProEB Garamond

본명조(Source Han Serif)는 Source Serif Pro와 동일 패밀리 계열로 일관성 있고, 제목은 모던한 산세리프(Manrope, Geist)가 핸드라이팅의 캐주얼함을 보완한다.

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

32~40px

20~24px

본문

16~18px

line-height

1.65

어울리는 색상

#2d5016

#f5a623

#f9f7f4

어울리는 산업 톤

공공기관 교육아동친화 캐주얼

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/GangwonEduPower/subsets/GangwonEduPower-dynamic-subset.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;400;600;700;900&display=swap');

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

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